#30A5D8

48, 165, 216

#30A5D8

Custom color #30A5D8 with RGB values 48, 165, 216.

HEX#30A5D8
RGB48, 165, 216
HSL198°, 68%, 52%
CMYK78%, 24%, 0%, 15%
CSS Variable--color: #30a5d8;
Use in GeneratorCheck ContrastView on Wheel

Shades of #30A5D8

#d4ecf7

#a9daef

#7ec7e7

#53b4df

#28a2d7

#2081ac

#186181

#104156

#08202b

Tints of #30A5D8

#30a5d8

#47afdc

#5eb9e1

#76c3e5

#8dcde9

#a4d7ee

#bbe2f2

#d2ecf7

#eaf6fb

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.80:1
AA NormalFailAAAFail

Sample Text

On Black7.50:1
AA NormalPassAAAPass
Full contrast analysis →