#30A6DE

48, 166, 222

#30A6DE

Custom color #30A6DE with RGB values 48, 166, 222.

HEX#30A6DE

RGB48, 166, 222

HSL199°, 73%, 53%

CMYK78%, 25%, 0%, 13%

CSS Variable--color: #30a6de;

Use in Generator Check Contrast View on Wheel

Shades of #30A6DE

#d3ecf8

#a7d9f1

#7bc6ea

#4fb3e3

#23a0dc

#1c80b0

#156084

#0e4058

#07202c

Tints of #30A6DE

#30a6de

#47b0e2

#5ebae5

#75c4e9

#8dceed

#a4d8f0

#bbe2f4

#d2ecf8

#e9f6fb

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White2.75:1

AA NormalFailAAAFail

Sample Text

On Black7.63:1

AA NormalPassAAAPass

Full contrast analysis →