#30A5D6

48, 165, 214

#30A5D6

Custom color #30A5D6 with RGB values 48, 165, 214.

HEX#30A5D6
RGB48, 165, 214
HSL198°, 67%, 51%
CMYK78%, 23%, 0%, 16%
CSS Variable--color: #30a5d6;
Use in GeneratorCheck ContrastView on Wheel

Shades of #30A5D6

#d4ecf7

#aadaee

#7fc7e6

#55b5dd

#2aa2d5

#2282aa

#196180

#114155

#08202b

Tints of #30A5D6

#30a5d6

#47afdb

#5eb9df

#76c3e4

#8dcde8

#a4d7ed

#bbe2f2

#d3ecf6

#eaf6fb

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.81:1
AA NormalFailAAAFail

Sample Text

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