HEX #2275B2 color — Matisse
The color #2275B2 is a dark shade and highly saturated.
Palette
2275B2 color palette from light to dark
HEX |
RGB |
HSL |
#f2f8fd |
rgb(242,248,253) |
hsl(205,68%,97%) |
#ddedf8 |
rgb(221,237,248) |
hsl(205,68%,92%) |
#c7e2f4 |
rgb(199,226,244) |
hsl(205,68%,87%) |
#b2d6f0 |
rgb(178,214,240) |
hsl(205,68%,82%) |
#9ccbec |
rgb(156,203,236) |
hsl(205,68%,77%) |
#87c0e8 |
rgb(135,192,232) |
hsl(205,68%,72%) |
#72b4e4 |
rgb(114,180,228) |
hsl(205,68%,67%) |
#5ca9e0 |
rgb(92,169,224) |
hsl(205,68%,62%) |
#479edc |
rgb(71,158,220) |
hsl(205,68%,57%) |
#3192d8 |
rgb(49,146,216) |
hsl(205,68%,52%) |
#2685c9 |
rgb(38,133,201) |
hsl(205,68%,47%) |
#2277b4 |
rgb(34,119,180) |
hsl(205,68%,42%) |
#1e699f |
rgb(30,105,159) |
hsl(205,68%,37%) |
#1a5b89 |
rgb(26,91,137) |
hsl(205,68%,32%) |
#164d74 |
rgb(22,77,116) |
hsl(205,68%,27%) |
#123e5e |
rgb(18,62,94) |
hsl(205,68%,22%) |
#0e3049 |
rgb(14,48,73) |
hsl(205,68%,17%) |
#0a2233 |
rgb(10,34,51) |
hsl(205,68%,12%) |
#06141e |
rgb(6,20,30) |
hsl(205,68%,7%) |
#020609 |
rgb(2,6,9) |
hsl(205,68%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#22B38F |
rgb(34,179,143) |
hsl(165,68%,42%) |
#2275B2 |
rgb(34,117,178) |
hsl(205,68%,42%) |
#2F21B2 |
rgb(47,33,178) |
hsl(246,69%,41%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3D99DA |
rgb(61,153,218) |
hsl(205,68%,55%) |
#2787CE |
rgb(39,135,206) |
hsl(206,68%,48%) |
#2275B2 |
rgb(34,117,178) |
hsl(205,68%,42%) |
#1C6395 |
rgb(28,99,149) |
hsl(205,68%,35%) |
#174F79 |
rgb(23,79,121) |
hsl(206,68%,28%) |
#113D5C |
rgb(17,61,92) |
hsl(205,69%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#2275B2 |
rgb(34,117,178) |
hsl(205,68%,42%) |
#B2212D |
rgb(178,33,45) |
hsl(355,69%,41%) |
#B2A622 |
rgb(178,166,34) |
hsl(55,68%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2275B2 |
rgb(34,117,178) |
hsl(205,68%,42%) |
#B25E22 |
rgb(178,94,34) |
hsl(25,68%,42%) |
#22B3A7 |
rgb(34,179,167) |
hsl(175,68%,42%) |
#B2A622 |
rgb(178,166,34) |
hsl(55,68%,42%) |