#30A5DE

48, 165, 222

#30A5DE

Custom color #30A5DE with RGB values 48, 165, 222.

HEX#30A5DE

RGB48, 165, 222

HSL200°, 73%, 53%

CMYK78%, 26%, 0%, 13%

CSS Variable--color: #30a5de;

Use in Generator Check Contrast View on Wheel

Shades of #30A5DE

#d3ecf8

#a7d9f1

#7bc6ea

#4fb3e3

#239fdc

#1c80b0

#156084

#0e4058

#07202c

Tints of #30A5DE

#30a5de

#47afe2

#5eb9e5

#75c3e9

#8dcded

#a4d7f0

#bbe1f4

#d2ebf8

#e9f5fb

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White2.78:1

AA NormalFailAAAFail

Sample Text

On Black7.56:1

AA NormalPassAAAPass

Full contrast analysis →