HEX #2270AA color — Matisse
The color #2270AA is a dark shade and moderately saturated.
Palette
2270AA color palette from light to dark
HEX |
RGB |
HSL |
#eaf3fb |
rgb(234,243,251) |
hsl(206,67%,95%) |
#d4e8f7 |
rgb(212,232,247) |
hsl(206,67%,90%) |
#bfdcf2 |
rgb(191,220,242) |
hsl(206,67%,85%) |
#aad1ee |
rgb(170,209,238) |
hsl(206,67%,80%) |
#95c5ea |
rgb(149,197,234) |
hsl(206,67%,75%) |
#7fb9e6 |
rgb(127,185,230) |
hsl(206,67%,70%) |
#6aaee2 |
rgb(106,174,226) |
hsl(206,67%,65%) |
#55a2dd |
rgb(85,162,221) |
hsl(206,67%,60%) |
#3f97d9 |
rgb(63,151,217) |
hsl(206,67%,55%) |
#2a8bd5 |
rgb(42,139,213) |
hsl(206,67%,50%) |
#267dc0 |
rgb(38,125,192) |
hsl(206,67%,45%) |
#226faa |
rgb(34,111,170) |
hsl(206,67%,40%) |
#1d6195 |
rgb(29,97,149) |
hsl(206,67%,35%) |
#195380 |
rgb(25,83,128) |
hsl(206,67%,30%) |
#15456a |
rgb(21,69,106) |
hsl(206,67%,25%) |
#113855 |
rgb(17,56,85) |
hsl(206,67%,20%) |
#0d2a40 |
rgb(13,42,64) |
hsl(206,67%,15%) |
#081c2b |
rgb(8,28,43) |
hsl(206,67%,10%) |
#040e15 |
rgb(4,14,21) |
hsl(206,67%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#22AB89 |
rgb(34,171,137) |
hsl(165,67%,40%) |
#2270AA |
rgb(34,112,170) |
hsl(206,67%,40%) |
#2E21AA |
rgb(46,33,170) |
hsl(246,67%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#2782C5 |
rgb(39,130,197) |
hsl(205,67%,46%) |
#2270AA |
rgb(34,112,170) |
hsl(206,67%,40%) |
#1C5E8E |
rgb(28,94,142) |
hsl(205,67%,33%) |
#174D73 |
rgb(23,77,115) |
hsl(205,67%,27%) |
#113B58 |
rgb(17,59,88) |
hsl(205,68%,21%) |
#0C293D |
rgb(12,41,61) |
hsl(204,67%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#2270AA |
rgb(34,112,170) |
hsl(206,67%,40%) |
#AA212C |
rgb(170,33,44) |
hsl(355,67%,40%) |
#AAA122 |
rgb(170,161,34) |
hsl(56,67%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2270AA |
rgb(34,112,170) |
hsl(206,67%,40%) |
#AA5C22 |
rgb(170,92,34) |
hsl(26,67%,40%) |
#22ABA0 |
rgb(34,171,160) |
hsl(175,67%,40%) |
#AAA122 |
rgb(170,161,34) |
hsl(56,67%,40%) |