HEX #227AD0 color — Mariner

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

Color codes

copy icon
copy icon
copy icon

Palette

227AD0 color palette from light to dark

HEX RGB HSL
#f2f7fd rgb(242,247,253) hsl(210,72%,97%)
#dcebf9 rgb(220,235,249) hsl(210,72%,92%)
#c6def6 rgb(198,222,246) hsl(210,72%,87%)
#b0d1f2 rgb(176,209,242) hsl(210,72%,82%)
#9ac4ef rgb(154,196,239) hsl(210,72%,77%)
#84b8eb rgb(132,184,235) hsl(210,72%,72%)
#6eabe7 rgb(110,171,231) hsl(210,72%,67%)
#589ee4 rgb(88,158,228) hsl(210,72%,62%)
#4291e0 rgb(66,145,224) hsl(210,72%,57%)
#2c85dd rgb(44,133,221) hsl(210,72%,52%)
#2278ce rgb(34,120,206) hsl(210,72%,47%)
#1e6bb8 rgb(30,107,184) hsl(210,72%,42%)
#1a5ea2 rgb(26,94,162) hsl(210,72%,37%)
#17528c rgb(23,82,140) hsl(210,72%,32%)
#134576 rgb(19,69,118) hsl(210,72%,27%)
#103860 rgb(16,56,96) hsl(210,72%,22%)
#0c2b4b rgb(12,43,75) hsl(210,72%,17%)
#091f35 rgb(9,31,53) hsl(210,72%,12%)
#05121f rgb(5,18,31) hsl(210,72%,7%)
#010509 rgb(1,5,9) hsl(210,72%,2%)

Adjacent colors

HEX RGB HSL
#22D1B2 rgb(34,209,178) hsl(169,72%,48%)
#227AD0 rgb(34,122,208) hsl(210,72%,47%)
#3E21D0 rgb(62,33,208) hsl(250,73%,47%)

Monochromatic colors

HEX RGB HSL
#5BA1E4 rgb(91,161,228) hsl(209,72%,63%)
#398CDE rgb(57,140,222) hsl(210,71%,55%)
#227AD0 rgb(34,122,208) hsl(210,72%,47%)
#1C66AE rgb(28,102,174) hsl(210,72%,40%)
#17548D rgb(23,84,141) hsl(209,72%,32%)
#11406C rgb(17,64,108) hsl(209,73%,25%)

Triad color palettes

HEX RGB HSL
#227AD0 rgb(34,122,208) hsl(210,72%,47%)
#D02123 rgb(208,33,35) hsl(359,73%,47%)
#D0CF22 rgb(208,207,34) hsl(60,72%,47%)

Tetrad color palettes

HEX RGB HSL
#227AD0 rgb(34,122,208) hsl(210,72%,47%)
#D07822 rgb(208,120,34) hsl(30,72%,47%)
#22D1CF rgb(34,209,207) hsl(179,72%,48%)
#D0CF22 rgb(208,207,34) hsl(60,72%,47%)