HEX #227AD1 color — Mariner

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

Color codes

copy icon
copy icon
copy icon

Palette

227AD1 color palette from light to dark

HEX RGB HSL
#f6fafe rgb(246,250,254) hsl(210,72%,98%)
#e0edfa rgb(224,237,250) hsl(210,72%,93%)
#cae0f6 rgb(202,224,246) hsl(210,72%,88%)
#b4d4f3 rgb(180,212,243) hsl(210,72%,83%)
#9fc7ef rgb(159,199,239) hsl(210,72%,78%)
#89baec rgb(137,186,236) hsl(210,72%,73%)
#73ade8 rgb(115,173,232) hsl(210,72%,68%)
#5da1e5 rgb(93,161,229) hsl(210,72%,63%)
#4794e1 rgb(71,148,225) hsl(210,72%,58%)
#3187dd rgb(49,135,221) hsl(210,72%,53%)
#227ad3 rgb(34,122,211) hsl(210,72%,48%)
#1f6ebd rgb(31,110,189) hsl(210,72%,43%)
#1b61a7 rgb(27,97,167) hsl(210,72%,38%)
#185491 rgb(24,84,145) hsl(210,72%,33%)
#14477b rgb(20,71,123) hsl(210,72%,28%)
#103b65 rgb(16,59,101) hsl(210,72%,23%)
#0d2e4f rgb(13,46,79) hsl(210,72%,18%)
#092139 rgb(9,33,57) hsl(210,72%,13%)
#061423 rgb(6,20,35) hsl(210,72%,8%)
#02080d rgb(2,8,13) hsl(210,72%,3%)

Adjacent colors

HEX RGB HSL
#22D1B3 rgb(34,209,179) hsl(170,72%,48%)
#227AD1 rgb(34,122,209) hsl(210,72%,48%)
#3E21D1 rgb(62,33,209) hsl(250,73%,47%)

Monochromatic colors

HEX RGB HSL
#5CA1E4 rgb(92,161,228) hsl(210,72%,63%)
#3A8CDF rgb(58,140,223) hsl(210,72%,55%)
#227AD1 rgb(34,122,209) hsl(210,72%,48%)
#1C66AF rgb(28,102,175) hsl(210,72%,40%)
#17548E rgb(23,84,142) hsl(209,72%,32%)
#11406C rgb(17,64,108) hsl(209,73%,25%)

Triad color palettes

HEX RGB HSL
#227AD1 rgb(34,122,209) hsl(210,72%,48%)
#D12122 rgb(209,33,34) hsl(360,73%,47%)
#D1D122 rgb(209,209,34) hsl(60,72%,48%)

Tetrad color palettes

HEX RGB HSL
#227AD1 rgb(34,122,209) hsl(210,72%,48%)
#D17822 rgb(209,120,34) hsl(29,72%,48%)
#22D1D0 rgb(34,209,208) hsl(180,72%,48%)
#D1D122 rgb(209,209,34) hsl(60,72%,48%)