HEX #227AAC color — Matisse
The color #227AAC is a dark shade and moderately saturated.
Palette
227AAC 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 |
#22AB82 |
rgb(34,171,130) |
hsl(162,67%,40%) |
#227AAC |
rgb(34,122,172) |
hsl(202,67%,40%) |
#2621AC |
rgb(38,33,172) |
hsl(242,68%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#389ED7 |
rgb(56,158,215) |
hsl(202,67%,53%) |
#278CC7 |
rgb(39,140,199) |
hsl(202,67%,47%) |
#227AAC |
rgb(34,122,172) |
hsl(202,67%,40%) |
#1C6690 |
rgb(28,102,144) |
hsl(202,67%,34%) |
#175474 |
rgb(23,84,116) |
hsl(201,67%,27%) |
#114059 |
rgb(17,64,89) |
hsl(201,68%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#227AAC |
rgb(34,122,172) |
hsl(202,67%,40%) |
#AC2135 |
rgb(172,33,53) |
hsl(351,68%,40%) |
#AC9922 |
rgb(172,153,34) |
hsl(52,67%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#227AAC |
rgb(34,122,172) |
hsl(202,67%,40%) |
#AC5422 |
rgb(172,84,34) |
hsl(22,67%,40%) |
#22AB99 |
rgb(34,171,153) |
hsl(172,67%,40%) |
#AC9922 |
rgb(172,153,34) |
hsl(52,67%,40%) |