HEX #2275AA color — Matisse
The color #2275AA is a dark shade and moderately saturated.
Palette
2275AA 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%) |
#2275AA |
rgb(34,117,170) |
hsl(203,67%,40%) |
#2921AA |
rgb(41,33,170) |
hsl(244,67%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#2787C5 |
rgb(39,135,197) |
hsl(204,67%,46%) |
#2275AA |
rgb(34,117,170) |
hsl(203,67%,40%) |
#1C638E |
rgb(28,99,142) |
hsl(203,67%,33%) |
#174F73 |
rgb(23,79,115) |
hsl(203,67%,27%) |
#113D58 |
rgb(17,61,88) |
hsl(203,68%,21%) |
#0C2B3D |
rgb(12,43,61) |
hsl(202,67%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#2275AA |
rgb(34,117,170) |
hsl(203,67%,40%) |
#AA2131 |
rgb(170,33,49) |
hsl(353,67%,40%) |
#AA9C22 |
rgb(170,156,34) |
hsl(54,67%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2275AA |
rgb(34,117,170) |
hsl(203,67%,40%) |
#AA5722 |
rgb(170,87,34) |
hsl(23,67%,40%) |
#22AB9B |
rgb(34,171,155) |
hsl(173,67%,40%) |
#AA9C22 |
rgb(170,156,34) |
hsl(54,67%,40%) |