#30A7D6

48, 167, 214

#30A7D6

Custom color #30A7D6 with RGB values 48, 167, 214.

HEX#30A7D6
RGB48, 167, 214
HSL197°, 67%, 51%
CMYK78%, 22%, 0%, 16%
CSS Variable--color: #30a7d6;
Use in GeneratorCheck ContrastView on Wheel

Shades of #30A7D6

#d4edf7

#aadbee

#7fc9e6

#55b7dd

#2aa5d5

#2284aa

#196380

#114255

#08212b

Tints of #30A7D6

#30a7d6

#47b1db

#5ebbdf

#76c5e4

#8dcee8

#a4d8ed

#bbe2f2

#d3ecf6

#eaf6fb

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.75:1
AA NormalFailAAAFail

Sample Text

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