#30A4E2

48, 164, 226

#30A4E2

Custom color #30A4E2 with RGB values 48, 164, 226.

HEX#30A4E2
RGB48, 164, 226
HSL201°, 75%, 54%
CMYK79%, 27%, 0%, 11%
CSS Variable--color: #30a4e2;
Use in GeneratorCheck ContrastView on Wheel

Shades of #30A4E2

#d2ebf9

#a6d8f2

#79c4ec

#4cb0e6

#1f9de0

#197db3

#135e86

#0d3f59

#061f2d

Tints of #30A4E2

#30a4e2

#47aee5

#5eb8e8

#75c2ec

#8ccdef

#a3d7f2

#bae1f5

#d2ebf9

#e9f5fc

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.79:1
AA NormalFailAAAFail

Sample Text

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