HEX #2278B0 color — Matisse
The color #2278B0 is a dark shade and highly saturated.
Palette
2278B0 color palette from light to dark
HEX |
RGB |
HSL |
#eef6fc |
rgb(238,246,252) |
hsl(204,68%,96%) |
#d8ebf8 |
rgb(216,235,248) |
hsl(204,68%,91%) |
#c3e0f4 |
rgb(195,224,244) |
hsl(204,68%,86%) |
#aed5ef |
rgb(174,213,239) |
hsl(204,68%,81%) |
#98caeb |
rgb(152,202,235) |
hsl(204,68%,76%) |
#83bfe7 |
rgb(131,191,231) |
hsl(204,68%,71%) |
#6db4e3 |
rgb(109,180,227) |
hsl(204,68%,66%) |
#58a9df |
rgb(88,169,223) |
hsl(204,68%,61%) |
#439edb |
rgb(67,158,219) |
hsl(204,68%,56%) |
#2d93d7 |
rgb(45,147,215) |
hsl(204,68%,51%) |
#2685c5 |
rgb(38,133,197) |
hsl(204,68%,46%) |
#2177b0 |
rgb(33,119,176) |
hsl(204,68%,41%) |
#1d689a |
rgb(29,104,154) |
hsl(204,68%,36%) |
#195a85 |
rgb(25,90,133) |
hsl(204,68%,31%) |
#154b6f |
rgb(21,75,111) |
hsl(204,68%,26%) |
#113d5a |
rgb(17,61,90) |
hsl(204,68%,21%) |
#0d2e45 |
rgb(13,46,69) |
hsl(204,68%,16%) |
#09202f |
rgb(9,32,47) |
hsl(204,68%,11%) |
#05111a |
rgb(5,17,26) |
hsl(204,68%,6%) |
#010304 |
rgb(1,3,4) |
hsl(204,68%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#22B089 |
rgb(34,176,137) |
hsl(164,68%,41%) |
#2278B0 |
rgb(34,120,176) |
hsl(204,68%,41%) |
#2A21B0 |
rgb(42,33,176) |
hsl(244,68%,41%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3B9CD9 |
rgb(59,156,217) |
hsl(203,68%,54%) |
#278CCC |
rgb(39,140,204) |
hsl(203,68%,48%) |
#2278B0 |
rgb(34,120,176) |
hsl(204,68%,41%) |
#1C6693 |
rgb(28,102,147) |
hsl(203,68%,34%) |
#175277 |
rgb(23,82,119) |
hsl(203,68%,28%) |
#113D5B |
rgb(17,61,91) |
hsl(204,69%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#2278B0 |
rgb(34,120,176) |
hsl(204,68%,41%) |
#B02131 |
rgb(176,33,49) |
hsl(353,68%,41%) |
#B0A122 |
rgb(176,161,34) |
hsl(54,68%,41%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2278B0 |
rgb(34,120,176) |
hsl(204,68%,41%) |
#B05922 |
rgb(176,89,34) |
hsl(23,68%,41%) |
#22B0A1 |
rgb(34,176,161) |
hsl(174,68%,41%) |
#B0A122 |
rgb(176,161,34) |
hsl(54,68%,41%) |