HEX #2278A7 color — Matisse
The color #2278A7 is a dark shade and moderately saturated.
Palette
2278A7 color palette from light to dark
HEX |
RGB |
HSL |
#fbfdfe |
rgb(251,253,254) |
hsl(201,66%,99%) |
#e6f3fa |
rgb(230,243,250) |
hsl(201,66%,94%) |
#d0e9f5 |
rgb(208,233,245) |
hsl(201,66%,89%) |
#bbdef1 |
rgb(187,222,241) |
hsl(201,66%,84%) |
#a6d4ed |
rgb(166,212,237) |
hsl(201,66%,79%) |
#91cae8 |
rgb(145,202,232) |
hsl(201,66%,74%) |
#7cc0e4 |
rgb(124,192,228) |
hsl(201,66%,69%) |
#67b5e0 |
rgb(103,181,224) |
hsl(201,66%,64%) |
#51abdb |
rgb(81,171,219) |
hsl(201,66%,59%) |
#3ca1d7 |
rgb(60,161,215) |
hsl(201,66%,54%) |
#2a96cf |
rgb(42,150,207) |
hsl(201,66%,49%) |
#2686ba |
rgb(38,134,186) |
hsl(201,66%,44%) |
#2277a5 |
rgb(34,119,165) |
hsl(201,66%,39%) |
#1d6890 |
rgb(29,104,144) |
hsl(201,66%,34%) |
#19597b |
rgb(25,89,123) |
hsl(201,66%,29%) |
#154966 |
rgb(21,73,102) |
hsl(201,66%,24%) |
#103a50 |
rgb(16,58,80) |
hsl(201,66%,19%) |
#0c2b3b |
rgb(12,43,59) |
hsl(201,66%,14%) |
#081b26 |
rgb(8,27,38) |
hsl(201,66%,9%) |
#030c11 |
rgb(3,12,17) |
hsl(201,66%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#22A67D |
rgb(34,166,125) |
hsl(161,66%,39%) |
#2278A7 |
rgb(34,120,167) |
hsl(201,66%,39%) |
#2421A7 |
rgb(36,33,167) |
hsl(241,67%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#278CC1 |
rgb(39,140,193) |
hsl(201,66%,45%) |
#2278A7 |
rgb(34,120,167) |
hsl(201,66%,39%) |
#1C668C |
rgb(28,102,140) |
hsl(200,67%,33%) |
#175271 |
rgb(23,82,113) |
hsl(201,66%,27%) |
#113D56 |
rgb(17,61,86) |
hsl(202,67%,20%) |
#0C2B3C |
rgb(12,43,60) |
hsl(201,67%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#2278A7 |
rgb(34,120,167) |
hsl(201,66%,39%) |
#A72135 |
rgb(167,33,53) |
hsl(351,67%,39%) |
#A79422 |
rgb(167,148,34) |
hsl(51,66%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2278A7 |
rgb(34,120,167) |
hsl(201,66%,39%) |
#A75222 |
rgb(167,82,34) |
hsl(22,66%,39%) |
#22A693 |
rgb(34,166,147) |
hsl(171,66%,39%) |
#A79422 |
rgb(167,148,34) |
hsl(51,66%,39%) |