HEX #12ADE2 color — Cerulean
The color #12ADE2 is a light shade and highly saturated.
Palette
12ADE2 color palette from light to dark
HEX |
RGB |
HSL |
#f6fcfe |
rgb(246,252,254) |
hsl(195,85%,98%) |
#def5fc |
rgb(222,245,252) |
hsl(195,85%,93%) |
#c6edfa |
rgb(198,237,250) |
hsl(195,85%,88%) |
#afe6f8 |
rgb(175,230,248) |
hsl(195,85%,83%) |
#97dff7 |
rgb(151,223,247) |
hsl(195,85%,78%) |
#80d7f5 |
rgb(128,215,245) |
hsl(195,85%,73%) |
#68d0f3 |
rgb(104,208,243) |
hsl(195,85%,68%) |
#50c9f1 |
rgb(80,201,241) |
hsl(195,85%,63%) |
#39c1ef |
rgb(57,193,239) |
hsl(195,85%,58%) |
#21baed |
rgb(33,186,237) |
hsl(195,85%,53%) |
#12aee2 |
rgb(18,174,226) |
hsl(195,85%,48%) |
#109ccb |
rgb(16,156,203) |
hsl(195,85%,43%) |
#0f8ab3 |
rgb(15,138,179) |
hsl(195,85%,38%) |
#0d789c |
rgb(13,120,156) |
hsl(195,85%,33%) |
#0b6684 |
rgb(11,102,132) |
hsl(195,85%,28%) |
#09546d |
rgb(9,84,109) |
hsl(195,85%,23%) |
#074155 |
rgb(7,65,85) |
hsl(195,85%,18%) |
#052f3d |
rgb(5,47,61) |
hsl(195,85%,13%) |
#031d26 |
rgb(3,29,38) |
hsl(195,85%,8%) |
#010b0e |
rgb(1,11,14) |
hsl(195,85%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#12E38C |
rgb(18,227,140) |
hsl(155,85%,48%) |
#12ADE2 |
rgb(18,173,226) |
hsl(195,85%,48%) |
#1221E2 |
rgb(18,33,226) |
hsl(236,85%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#50C9F1 |
rgb(80,201,241) |
hsl(195,85%,63%) |
#2CBDEE |
rgb(44,189,238) |
hsl(195,85%,55%) |
#12ADE2 |
rgb(18,173,226) |
hsl(195,85%,48%) |
#0F91BD |
rgb(15,145,189) |
hsl(195,85%,40%) |
#0C7599 |
rgb(12,117,153) |
hsl(195,85%,32%) |
#095975 |
rgb(9,89,117) |
hsl(196,86%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#12ADE2 |
rgb(18,173,226) |
hsl(195,85%,48%) |
#E21245 |
rgb(226,18,69) |
hsl(345,85%,48%) |
#E2B012 |
rgb(226,176,18) |
hsl(46,85%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#12ADE2 |
rgb(18,173,226) |
hsl(195,85%,48%) |
#E24712 |
rgb(226,71,18) |
hsl(15,85%,48%) |
#12E3AF |
rgb(18,227,175) |
hsl(165,85%,48%) |
#E2B012 |
rgb(226,176,18) |
hsl(46,85%,48%) |