HEX #227DD2 color — Mariner
The color #227DD2 is a dark shade and highly saturated.
Palette
227DD2 color palette from light to dark
HEX |
RGB |
HSL |
#f6fafe |
rgb(246,250,254) |
hsl(209,72%,98%) |
#e0eefa |
rgb(224,238,250) |
hsl(209,72%,93%) |
#cae1f6 |
rgb(202,225,246) |
hsl(209,72%,88%) |
#b4d5f3 |
rgb(180,213,243) |
hsl(209,72%,83%) |
#9fc8ef |
rgb(159,200,239) |
hsl(209,72%,78%) |
#89bcec |
rgb(137,188,236) |
hsl(209,72%,73%) |
#73afe8 |
rgb(115,175,232) |
hsl(209,72%,68%) |
#5da3e5 |
rgb(93,163,229) |
hsl(209,72%,63%) |
#4796e1 |
rgb(71,150,225) |
hsl(209,72%,58%) |
#318add |
rgb(49,138,221) |
hsl(209,72%,53%) |
#227dd3 |
rgb(34,125,211) |
hsl(209,72%,48%) |
#1f70bd |
rgb(31,112,189) |
hsl(209,72%,43%) |
#1b63a7 |
rgb(27,99,167) |
hsl(209,72%,38%) |
#185691 |
rgb(24,86,145) |
hsl(209,72%,33%) |
#14497b |
rgb(20,73,123) |
hsl(209,72%,28%) |
#103c65 |
rgb(16,60,101) |
hsl(209,72%,23%) |
#0d2f4f |
rgb(13,47,79) |
hsl(209,72%,18%) |
#092239 |
rgb(9,34,57) |
hsl(209,72%,13%) |
#061523 |
rgb(6,21,35) |
hsl(209,72%,8%) |
#02080d |
rgb(2,8,13) |
hsl(209,72%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#22D1B1 |
rgb(34,209,177) |
hsl(169,72%,48%) |
#227DD2 |
rgb(34,125,210) |
hsl(209,72%,48%) |
#3C21D2 |
rgb(60,33,210) |
hsl(249,73%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5DA3E4 |
rgb(93,163,228) |
hsl(209,71%,63%) |
#3B91DF |
rgb(59,145,223) |
hsl(209,72%,55%) |
#227DD2 |
rgb(34,125,210) |
hsl(209,72%,48%) |
#1C69B0 |
rgb(28,105,176) |
hsl(209,73%,40%) |
#17548E |
rgb(23,84,142) |
hsl(209,72%,32%) |
#11406D |
rgb(17,64,109) |
hsl(209,73%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#227DD2 |
rgb(34,125,210) |
hsl(209,72%,48%) |
#D22125 |
rgb(210,33,37) |
hsl(359,73%,48%) |
#D2CF22 |
rgb(210,207,34) |
hsl(59,72%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#227DD2 |
rgb(34,125,210) |
hsl(209,72%,48%) |
#D27822 |
rgb(210,120,34) |
hsl(29,72%,48%) |
#22D1CF |
rgb(34,209,207) |
hsl(179,72%,48%) |
#D2CF22 |
rgb(210,207,34) |
hsl(59,72%,48%) |