HEX #227DD2 color — Mariner

The color #227DD2 is a dark shade and highly saturated.

Color codes

copy icon
copy icon
copy icon

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%)