#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 Generator Check Contrast View 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

Analogous

Triadic

Sample Text

On White2.80:1

AA NormalFailAAAFail

Sample Text

On Black7.50:1

AA NormalPassAAAPass

Full contrast analysis →