HEX #2278A9 color — Matisse
The color #2278A9 is a dark shade and moderately saturated.
Palette
2278A9 color palette from light to dark
| HEX |
RGB |
HSL |
| #eaf5fb |
rgb(234,245,251) |
hsl(202,67%,95%) |
| #d4eaf7 |
rgb(212,234,247) |
hsl(202,67%,90%) |
| #bfe0f2 |
rgb(191,224,242) |
hsl(202,67%,85%) |
| #aad5ee |
rgb(170,213,238) |
hsl(202,67%,80%) |
| #95cbea |
rgb(149,203,234) |
hsl(202,67%,75%) |
| #7fc0e6 |
rgb(127,192,230) |
hsl(202,67%,70%) |
| #6ab6e2 |
rgb(106,182,226) |
hsl(202,67%,65%) |
| #55abdd |
rgb(85,171,221) |
hsl(202,67%,60%) |
| #3fa1d9 |
rgb(63,161,217) |
hsl(202,67%,55%) |
| #2a96d5 |
rgb(42,150,213) |
hsl(202,67%,50%) |
| #2687c0 |
rgb(38,135,192) |
hsl(202,67%,45%) |
| #2278aa |
rgb(34,120,170) |
hsl(202,67%,40%) |
| #1d6995 |
rgb(29,105,149) |
hsl(202,67%,35%) |
| #195a80 |
rgb(25,90,128) |
hsl(202,67%,30%) |
| #154b6a |
rgb(21,75,106) |
hsl(202,67%,25%) |
| #113c55 |
rgb(17,60,85) |
hsl(202,67%,20%) |
| #0d2d40 |
rgb(13,45,64) |
hsl(202,67%,15%) |
| #081e2b |
rgb(8,30,43) |
hsl(202,67%,10%) |
| #040f15 |
rgb(4,15,21) |
hsl(202,67%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #22A880 |
rgb(34,168,128) |
hsl(162,66%,40%) |
| #2278A9 |
rgb(34,120,169) |
hsl(202,67%,40%) |
| #2621A9 |
rgb(38,33,169) |
hsl(242,67%,40%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #278CC4 |
rgb(39,140,196) |
hsl(201,67%,46%) |
| #2278A9 |
rgb(34,120,169) |
hsl(202,67%,40%) |
| #1C668D |
rgb(28,102,141) |
hsl(201,67%,33%) |
| #175272 |
rgb(23,82,114) |
hsl(201,66%,27%) |
| #113D57 |
rgb(17,61,87) |
hsl(202,67%,20%) |
| #0C2B3C |
rgb(12,43,60) |
hsl(201,67%,14%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #2278A9 |
rgb(34,120,169) |
hsl(202,67%,40%) |
| #A92134 |
rgb(169,33,52) |
hsl(352,67%,40%) |
| #A99622 |
rgb(169,150,34) |
hsl(52,67%,40%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #2278A9 |
rgb(34,120,169) |
hsl(202,67%,40%) |
| #A95422 |
rgb(169,84,34) |
hsl(22,67%,40%) |
| #22A896 |
rgb(34,168,150) |
hsl(172,66%,40%) |
| #A99622 |
rgb(169,150,34) |
hsl(52,67%,40%) |
