HEX #2263A9 color — Matisse
The color #2263A9 is a dark shade and moderately saturated.
Palette
2263A9 color palette from light to dark
HEX |
RGB |
HSL |
#eaf2fb |
rgb(234,242,251) |
hsl(211,67%,95%) |
#d4e5f7 |
rgb(212,229,247) |
hsl(211,67%,90%) |
#bfd8f2 |
rgb(191,216,242) |
hsl(211,67%,85%) |
#aacbee |
rgb(170,203,238) |
hsl(211,67%,80%) |
#95beea |
rgb(149,190,234) |
hsl(211,67%,75%) |
#7fb1e6 |
rgb(127,177,230) |
hsl(211,67%,70%) |
#6aa4e2 |
rgb(106,164,226) |
hsl(211,67%,65%) |
#5597dd |
rgb(85,151,221) |
hsl(211,67%,60%) |
#3f8ad9 |
rgb(63,138,217) |
hsl(211,67%,55%) |
#2a7dd5 |
rgb(42,125,213) |
hsl(211,67%,50%) |
#2670c0 |
rgb(38,112,192) |
hsl(211,67%,45%) |
#2264aa |
rgb(34,100,170) |
hsl(211,67%,40%) |
#1d5795 |
rgb(29,87,149) |
hsl(211,67%,35%) |
#194b80 |
rgb(25,75,128) |
hsl(211,67%,30%) |
#153e6a |
rgb(21,62,106) |
hsl(211,67%,25%) |
#113255 |
rgb(17,50,85) |
hsl(211,67%,20%) |
#0d2540 |
rgb(13,37,64) |
hsl(211,67%,15%) |
#08192b |
rgb(8,25,43) |
hsl(211,67%,10%) |
#040c15 |
rgb(4,12,21) |
hsl(211,67%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#22A895 |
rgb(34,168,149) |
hsl(171,66%,40%) |
#2263A9 |
rgb(34,99,169) |
hsl(211,67%,40%) |
#3B21A9 |
rgb(59,33,169) |
hsl(251,67%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#2773C4 |
rgb(39,115,196) |
hsl(211,67%,46%) |
#2263A9 |
rgb(34,99,169) |
hsl(211,67%,40%) |
#1C548D |
rgb(28,84,141) |
hsl(210,67%,33%) |
#174272 |
rgb(23,66,114) |
hsl(212,66%,27%) |
#113357 |
rgb(17,51,87) |
hsl(211,67%,20%) |
#0C243C |
rgb(12,36,60) |
hsl(210,67%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#2263A9 |
rgb(34,99,169) |
hsl(211,67%,40%) |
#A92422 |
rgb(169,36,34) |
hsl(1,67%,40%) |
#A6A822 |
rgb(166,168,34) |
hsl(61,66%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2263A9 |
rgb(34,99,169) |
hsl(211,67%,40%) |
#A96922 |
rgb(169,105,34) |
hsl(32,67%,40%) |
#22A6A9 |
rgb(34,166,169) |
hsl(181,67%,40%) |
#A6A822 |
rgb(166,168,34) |
hsl(61,66%,40%) |