HEX #2273B2 color — Matisse
The color #2273B2 is a dark shade and highly saturated.
Palette
2273B2 color palette from light to dark
HEX |
RGB |
HSL |
#f2f8fd |
rgb(242,248,253) |
hsl(206,68%,97%) |
#ddecf8 |
rgb(221,236,248) |
hsl(206,68%,92%) |
#c7e1f4 |
rgb(199,225,244) |
hsl(206,68%,87%) |
#b2d5f0 |
rgb(178,213,240) |
hsl(206,68%,82%) |
#9ccaec |
rgb(156,202,236) |
hsl(206,68%,77%) |
#87bee8 |
rgb(135,190,232) |
hsl(206,68%,72%) |
#72b2e4 |
rgb(114,178,228) |
hsl(206,68%,67%) |
#5ca7e0 |
rgb(92,167,224) |
hsl(206,68%,62%) |
#479bdc |
rgb(71,155,220) |
hsl(206,68%,57%) |
#3190d8 |
rgb(49,144,216) |
hsl(206,68%,52%) |
#2683c9 |
rgb(38,131,201) |
hsl(206,68%,47%) |
#2275b4 |
rgb(34,117,180) |
hsl(206,68%,42%) |
#1e679f |
rgb(30,103,159) |
hsl(206,68%,37%) |
#1a5989 |
rgb(26,89,137) |
hsl(206,68%,32%) |
#164b74 |
rgb(22,75,116) |
hsl(206,68%,27%) |
#123d5e |
rgb(18,61,94) |
hsl(206,68%,22%) |
#0e2f49 |
rgb(14,47,73) |
hsl(206,68%,17%) |
#0a2133 |
rgb(10,33,51) |
hsl(206,68%,12%) |
#06131e |
rgb(6,19,30) |
hsl(206,68%,7%) |
#020609 |
rgb(2,6,9) |
hsl(206,68%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#22B391 |
rgb(34,179,145) |
hsl(166,68%,42%) |
#2273B2 |
rgb(34,115,178) |
hsl(206,68%,42%) |
#3121B2 |
rgb(49,33,178) |
hsl(247,69%,41%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3D96DA |
rgb(61,150,218) |
hsl(206,68%,55%) |
#2785CE |
rgb(39,133,206) |
hsl(206,68%,48%) |
#2273B2 |
rgb(34,115,178) |
hsl(206,68%,42%) |
#1C6195 |
rgb(28,97,149) |
hsl(206,68%,35%) |
#174F79 |
rgb(23,79,121) |
hsl(206,68%,28%) |
#113B5C |
rgb(17,59,92) |
hsl(206,69%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#2273B2 |
rgb(34,115,178) |
hsl(206,68%,42%) |
#B2212B |
rgb(178,33,43) |
hsl(356,69%,41%) |
#B2A822 |
rgb(178,168,34) |
hsl(56,68%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2273B2 |
rgb(34,115,178) |
hsl(206,68%,42%) |
#B26122 |
rgb(178,97,34) |
hsl(26,68%,42%) |
#22B3A9 |
rgb(34,179,169) |
hsl(176,68%,42%) |
#B2A822 |
rgb(178,168,34) |
hsl(56,68%,42%) |