HEX #227AD5 color — Mariner

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

Color codes

copy icon
copy icon
copy icon

Palette

227AD5 color palette from light to dark

HEX RGB HSL
#f6fafe rgb(246,250,254) hsl(211,72%,98%)
#e0edfa rgb(224,237,250) hsl(211,72%,93%)
#cae0f6 rgb(202,224,246) hsl(211,72%,88%)
#b4d3f3 rgb(180,211,243) hsl(211,72%,83%)
#9fc6ef rgb(159,198,239) hsl(211,72%,78%)
#89b8ec rgb(137,184,236) hsl(211,72%,73%)
#73abe8 rgb(115,171,232) hsl(211,72%,68%)
#5d9ee5 rgb(93,158,229) hsl(211,72%,63%)
#4791e1 rgb(71,145,225) hsl(211,72%,58%)
#3184dd rgb(49,132,221) hsl(211,72%,53%)
#2277d3 rgb(34,119,211) hsl(211,72%,48%)
#1f6bbd rgb(31,107,189) hsl(211,72%,43%)
#1b5fa7 rgb(27,95,167) hsl(211,72%,38%)
#185291 rgb(24,82,145) hsl(211,72%,33%)
#14467b rgb(20,70,123) hsl(211,72%,28%)
#103965 rgb(16,57,101) hsl(211,72%,23%)
#0d2d4f rgb(13,45,79) hsl(211,72%,18%)
#092039 rgb(9,32,57) hsl(211,72%,13%)
#061423 rgb(6,20,35) hsl(211,72%,8%)
#02070d rgb(2,7,13) hsl(211,72%,3%)

Adjacent colors

HEX RGB HSL
#22D6B8 rgb(34,214,184) hsl(170,73%,49%)
#227AD5 rgb(34,122,213) hsl(211,72%,48%)
#4121D5 rgb(65,33,213) hsl(251,73%,48%)

Monochromatic colors

HEX RGB HSL
#60A1E5 rgb(96,161,229) hsl(211,72%,64%)
#3E8FE0 rgb(62,143,224) hsl(210,72%,56%)
#227AD5 rgb(34,122,213) hsl(211,72%,48%)
#1C66B2 rgb(28,102,178) hsl(210,73%,40%)
#175490 rgb(23,84,144) hsl(210,72%,33%)
#11406E rgb(17,64,110) hsl(210,73%,25%)

Triad color palettes

HEX RGB HSL
#227AD5 rgb(34,122,213) hsl(211,72%,48%)
#D52422 rgb(213,36,34) hsl(1,72%,48%)
#D3D622 rgb(211,214,34) hsl(61,73%,49%)

Tetrad color palettes

HEX RGB HSL
#227AD5 rgb(34,122,213) hsl(211,72%,48%)
#D57D22 rgb(213,125,34) hsl(31,72%,48%)
#22D4D5 rgb(34,212,213) hsl(180,72%,48%)
#D3D622 rgb(211,214,34) hsl(61,73%,49%)