HEX #227AD0 color — Mariner
The color #227AD0 is a dark shade and highly saturated.
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%) |