HEX #2270B2 color — Matisse
The color #2270B2 is a dark shade and highly saturated.
Palette
2270B2 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 |
#22B394 |
rgb(34,179,148) |
hsl(167,68%,42%) |
#2270B2 |
rgb(34,112,178) |
hsl(208,68%,42%) |
#3421B2 |
rgb(52,33,178) |
hsl(248,69%,41%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3D91DA |
rgb(61,145,218) |
hsl(208,68%,55%) |
#2782CE |
rgb(39,130,206) |
hsl(207,68%,48%) |
#2270B2 |
rgb(34,112,178) |
hsl(208,68%,42%) |
#1C5E95 |
rgb(28,94,149) |
hsl(207,68%,35%) |
#174D79 |
rgb(23,77,121) |
hsl(207,68%,28%) |
#113B5C |
rgb(17,59,92) |
hsl(206,69%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#2270B2 |
rgb(34,112,178) |
hsl(208,68%,42%) |
#B22128 |
rgb(178,33,40) |
hsl(357,69%,41%) |
#B2AB22 |
rgb(178,171,34) |
hsl(57,68%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2270B2 |
rgb(34,112,178) |
hsl(208,68%,42%) |
#B26322 |
rgb(178,99,34) |
hsl(27,68%,42%) |
#22B3AC |
rgb(34,179,172) |
hsl(177,68%,42%) |
#B2AB22 |
rgb(178,171,34) |
hsl(57,68%,42%) |