HEX #2278AC color — Matisse
The color #2278AC is a dark shade and moderately saturated.
Palette
2278AC color palette from light to dark
HEX |
RGB |
HSL |
#eaf4fb |
rgb(234,244,251) |
hsl(203,67%,95%) |
#d4e9f7 |
rgb(212,233,247) |
hsl(203,67%,90%) |
#bfdff2 |
rgb(191,223,242) |
hsl(203,67%,85%) |
#aad4ee |
rgb(170,212,238) |
hsl(203,67%,80%) |
#95c9ea |
rgb(149,201,234) |
hsl(203,67%,75%) |
#7fbee6 |
rgb(127,190,230) |
hsl(203,67%,70%) |
#6ab4e2 |
rgb(106,180,226) |
hsl(203,67%,65%) |
#55a9dd |
rgb(85,169,221) |
hsl(203,67%,60%) |
#3f9ed9 |
rgb(63,158,217) |
hsl(203,67%,55%) |
#2a93d5 |
rgb(42,147,213) |
hsl(203,67%,50%) |
#2685c0 |
rgb(38,133,192) |
hsl(203,67%,45%) |
#2276aa |
rgb(34,118,170) |
hsl(203,67%,40%) |
#1d6795 |
rgb(29,103,149) |
hsl(203,67%,35%) |
#195880 |
rgb(25,88,128) |
hsl(203,67%,30%) |
#154a6a |
rgb(21,74,106) |
hsl(203,67%,25%) |
#113b55 |
rgb(17,59,85) |
hsl(203,67%,20%) |
#0d2c40 |
rgb(13,44,64) |
hsl(203,67%,15%) |
#081d2b |
rgb(8,29,43) |
hsl(203,67%,10%) |
#040f15 |
rgb(4,15,21) |
hsl(203,67%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#22AB84 |
rgb(34,171,132) |
hsl(163,67%,40%) |
#2278AC |
rgb(34,120,172) |
hsl(203,67%,40%) |
#2821AC |
rgb(40,33,172) |
hsl(243,68%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#389CD7 |
rgb(56,156,215) |
hsl(202,67%,53%) |
#278CC7 |
rgb(39,140,199) |
hsl(202,67%,47%) |
#2278AC |
rgb(34,120,172) |
hsl(203,67%,40%) |
#1C6690 |
rgb(28,102,144) |
hsl(202,67%,34%) |
#175274 |
rgb(23,82,116) |
hsl(202,67%,27%) |
#113D59 |
rgb(17,61,89) |
hsl(203,68%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#2278AC |
rgb(34,120,172) |
hsl(203,67%,40%) |
#AC2133 |
rgb(172,33,51) |
hsl(352,68%,40%) |
#AC9C22 |
rgb(172,156,34) |
hsl(53,67%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2278AC |
rgb(34,120,172) |
hsl(203,67%,40%) |
#AC5722 |
rgb(172,87,34) |
hsl(23,67%,40%) |
#22AB9B |
rgb(34,171,155) |
hsl(173,67%,40%) |
#AC9C22 |
rgb(172,156,34) |
hsl(53,67%,40%) |