HEX #227DAA color — Matisse
The color #227DAA is a dark shade and moderately saturated.
Palette
227DAA color palette from light to dark
HEX |
RGB |
HSL |
#eaf5fb |
rgb(234,245,251) |
hsl(200,67%,95%) |
#d4ebf7 |
rgb(212,235,247) |
hsl(200,67%,90%) |
#bfe1f2 |
rgb(191,225,242) |
hsl(200,67%,85%) |
#aad7ee |
rgb(170,215,238) |
hsl(200,67%,80%) |
#95cdea |
rgb(149,205,234) |
hsl(200,67%,75%) |
#7fc4e6 |
rgb(127,196,230) |
hsl(200,67%,70%) |
#6abae2 |
rgb(106,186,226) |
hsl(200,67%,65%) |
#55b0dd |
rgb(85,176,221) |
hsl(200,67%,60%) |
#3fa6d9 |
rgb(63,166,217) |
hsl(200,67%,55%) |
#2a9cd5 |
rgb(42,156,213) |
hsl(200,67%,50%) |
#268cc0 |
rgb(38,140,192) |
hsl(200,67%,45%) |
#227daa |
rgb(34,125,170) |
hsl(200,67%,40%) |
#1d6d95 |
rgb(29,109,149) |
hsl(200,67%,35%) |
#195e80 |
rgb(25,94,128) |
hsl(200,67%,30%) |
#154e6a |
rgb(21,78,106) |
hsl(200,67%,25%) |
#113e55 |
rgb(17,62,85) |
hsl(200,67%,20%) |
#0d2f40 |
rgb(13,47,64) |
hsl(200,67%,15%) |
#081f2b |
rgb(8,31,43) |
hsl(200,67%,10%) |
#041015 |
rgb(4,16,21) |
hsl(200,67%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#22AB7C |
rgb(34,171,124) |
hsl(159,67%,40%) |
#227DAA |
rgb(34,125,170) |
hsl(200,67%,40%) |
#2221AA |
rgb(34,33,170) |
hsl(240,67%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#2791C5 |
rgb(39,145,197) |
hsl(200,67%,46%) |
#227DAA |
rgb(34,125,170) |
hsl(200,67%,40%) |
#1C698E |
rgb(28,105,142) |
hsl(199,67%,33%) |
#175473 |
rgb(23,84,115) |
hsl(200,67%,27%) |
#114058 |
rgb(17,64,88) |
hsl(200,68%,21%) |
#0C2E3D |
rgb(12,46,61) |
hsl(198,67%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#227DAA |
rgb(34,125,170) |
hsl(200,67%,40%) |
#AA2139 |
rgb(170,33,57) |
hsl(349,67%,40%) |
#AA9422 |
rgb(170,148,34) |
hsl(50,67%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#227DAA |
rgb(34,125,170) |
hsl(200,67%,40%) |
#AA4F22 |
rgb(170,79,34) |
hsl(20,67%,40%) |
#22AB93 |
rgb(34,171,147) |
hsl(169,67%,40%) |
#AA9422 |
rgb(170,148,34) |
hsl(50,67%,40%) |