#48B2DD

72, 178, 221

#48B2DD

Custom color #48B2DD with RGB values 72, 178, 221.

HEX#48B2DD
RGB72, 178, 221
HSL197°, 69%, 57%
CMYK67%, 19%, 0%, 13%
CSS Variable--color: #48b2dd;
Use in GeneratorCheck ContrastView on Wheel

Shades of #48B2DD

#d4edf7

#a9dbef

#7ec9e7

#53b7df

#28a5d7

#2084ac

#186381

#104256

#08212b

Tints of #48B2DD

#48b2dd

#5cbae1

#70c3e5

#85cbe8

#99d4ec

#addcf0

#c1e5f4

#d5edf7

#e9f6fb

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.42:1
AA NormalFailAAAFail

Sample Text

On Black8.69:1
AA NormalPassAAAPass
Full contrast analysis →