#30A4F6

48, 164, 246

#30A4F6

Custom color #30A4F6 with RGB values 48, 164, 246.

HEX#30A4F6
RGB48, 164, 246
HSL205°, 92%, 58%
CMYK80%, 33%, 0%, 4%
CSS Variable--color: #30a4f6;
Use in GeneratorCheck ContrastView on Wheel

Shades of #30A4F6

#ceeafd

#9dd4fb

#6cbff9

#3ba9f7

#0b94f4

#0876c4

#065993

#043b62

#021e31

Tints of #30A4F6

#30a4f6

#47aef7

#5eb8f8

#74c2f9

#8bccfa

#a2d6fb

#b9e0fc

#d0eafd

#e7f4fe

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.70:1
AA NormalFailAAAFail

Sample Text

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