HEX #2270B0 color — Matisse
The color #2270B0 is a dark shade and highly saturated.
Palette
2270B0 color palette from light to dark
HEX |
RGB |
HSL |
#eef5fc |
rgb(238,245,252) |
hsl(207,68%,96%) |
#d8eaf8 |
rgb(216,234,248) |
hsl(207,68%,91%) |
#c3def4 |
rgb(195,222,244) |
hsl(207,68%,86%) |
#aed2ef |
rgb(174,210,239) |
hsl(207,68%,81%) |
#98c6eb |
rgb(152,198,235) |
hsl(207,68%,76%) |
#83bae7 |
rgb(131,186,231) |
hsl(207,68%,71%) |
#6daee3 |
rgb(109,174,227) |
hsl(207,68%,66%) |
#58a2df |
rgb(88,162,223) |
hsl(207,68%,61%) |
#4396db |
rgb(67,150,219) |
hsl(207,68%,56%) |
#2d8bd7 |
rgb(45,139,215) |
hsl(207,68%,51%) |
#267dc5 |
rgb(38,125,197) |
hsl(207,68%,46%) |
#2170b0 |
rgb(33,112,176) |
hsl(207,68%,41%) |
#1d629a |
rgb(29,98,154) |
hsl(207,68%,36%) |
#195485 |
rgb(25,84,133) |
hsl(207,68%,31%) |
#15476f |
rgb(21,71,111) |
hsl(207,68%,26%) |
#11395a |
rgb(17,57,90) |
hsl(207,68%,21%) |
#0d2c45 |
rgb(13,44,69) |
hsl(207,68%,16%) |
#091e2f |
rgb(9,30,47) |
hsl(207,68%,11%) |
#05101a |
rgb(5,16,26) |
hsl(207,68%,6%) |
#010304 |
rgb(1,3,4) |
hsl(207,68%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#22B091 |
rgb(34,176,145) |
hsl(167,68%,41%) |
#2270B0 |
rgb(34,112,176) |
hsl(207,68%,41%) |
#3221B0 |
rgb(50,33,176) |
hsl(247,68%,41%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3B91D9 |
rgb(59,145,217) |
hsl(207,68%,54%) |
#2782CC |
rgb(39,130,204) |
hsl(207,68%,48%) |
#2270B0 |
rgb(34,112,176) |
hsl(207,68%,41%) |
#1C5E93 |
rgb(28,94,147) |
hsl(207,68%,34%) |
#174D77 |
rgb(23,77,119) |
hsl(206,68%,28%) |
#113B5B |
rgb(17,59,91) |
hsl(206,69%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#2270B0 |
rgb(34,112,176) |
hsl(207,68%,41%) |
#B02129 |
rgb(176,33,41) |
hsl(357,68%,41%) |
#B0A822 |
rgb(176,168,34) |
hsl(57,68%,41%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2270B0 |
rgb(34,112,176) |
hsl(207,68%,41%) |
#B06122 |
rgb(176,97,34) |
hsl(27,68%,41%) |
#22B0A9 |
rgb(34,176,169) |
hsl(177,68%,41%) |
#B0A822 |
rgb(176,168,34) |
hsl(57,68%,41%) |