HEX #2270B4 color — Mariner
The color #2270b4 is a dark shade and highly saturated.
Palette
2270b4 color palette from light to dark
HEX |
RGB |
HSL |
#f2f8fd |
rgb(242,248,253) |
hsl(208,68%,97%) |
#ddecf8 |
rgb(221,236,248) |
hsl(208,68%,92%) |
#c7dff4 |
rgb(199,223,244) |
hsl(208,68%,87%) |
#b2d3f0 |
rgb(178,211,240) |
hsl(208,68%,82%) |
#9cc7ec |
rgb(156,199,236) |
hsl(208,68%,77%) |
#87bbe8 |
rgb(135,187,232) |
hsl(208,68%,72%) |
#72afe4 |
rgb(114,175,228) |
hsl(208,68%,67%) |
#5ca2e0 |
rgb(92,162,224) |
hsl(208,68%,62%) |
#4796dc |
rgb(71,150,220) |
hsl(208,68%,57%) |
#318ad8 |
rgb(49,138,216) |
hsl(208,68%,52%) |
#267dc9 |
rgb(38,125,201) |
hsl(208,68%,47%) |
#2270b4 |
rgb(34,112,180) |
hsl(208,68%,42%) |
#1e639f |
rgb(30,99,159) |
hsl(208,68%,37%) |
#1a5589 |
rgb(26,85,137) |
hsl(208,68%,32%) |
#164874 |
rgb(22,72,116) |
hsl(208,68%,27%) |
#123b5e |
rgb(18,59,94) |
hsl(208,68%,22%) |
#0e2d49 |
rgb(14,45,73) |
hsl(208,68%,17%) |
#0a2033 |
rgb(10,32,51) |
hsl(208,68%,12%) |
#06131e |
rgb(6,19,30) |
hsl(208,68%,7%) |
#020509 |
rgb(2,5,9) |
hsl(208,68%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#22B596 |
rgb(34,181,150) |
hsl(167,68%,42%) |
#2270B4 |
rgb(34,112,180) |
hsl(208,68%,42%) |
#3521B4 |
rgb(53,33,180) |
hsl(248,69%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3F91DA |
rgb(63,145,218) |
hsl(208,68%,55%) |
#2782D0 |
rgb(39,130,208) |
hsl(208,68%,48%) |
#2270B4 |
rgb(34,112,180) |
hsl(208,68%,42%) |
#1C5E97 |
rgb(28,94,151) |
hsl(208,69%,35%) |
#174D7A |
rgb(23,77,122) |
hsl(207,68%,28%) |
#113B5D |
rgb(17,59,93) |
hsl(207,69%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#2270B4 |
rgb(34,112,180) |
hsl(208,68%,42%) |
#B42127 |
rgb(180,33,39) |
hsl(358,69%,42%) |
#B4B022 |
rgb(180,176,34) |
hsl(58,68%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2270B4 |
rgb(34,112,180) |
hsl(208,68%,42%) |
#B46622 |
rgb(180,102,34) |
hsl(28,68%,42%) |
#22B5AF |
rgb(34,181,175) |
hsl(178,68%,42%) |
#B4B022 |
rgb(180,176,34) |
hsl(58,68%,42%) |