#30A4DE

48, 164, 222

#30A4DE

Custom color #30A4DE with RGB values 48, 164, 222.

HEX#30A4DE
RGB48, 164, 222
HSL200°, 73%, 53%
CMYK78%, 26%, 0%, 13%
CSS Variable--color: #30a4de;
Use in GeneratorCheck ContrastView on Wheel

Shades of #30A4DE

#d3ecf8

#a7d8f1

#7bc5ea

#4fb2e3

#239edc

#1c7fb0

#155f84

#0e3f58

#07202c

Tints of #30A4DE

#30a4de

#47aee2

#5eb8e5

#75c2e9

#8dcded

#a4d7f0

#bbe1f4

#d2ebf8

#e9f5fb

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.80:1
AA NormalFailAAAFail

Sample Text

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