HEX #225CA4 color — Matisse
The color #225CA4 is a dark shade and moderately saturated.
Palette
225CA4 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(213,66%,99%) |
#e6effa |
rgb(230,239,250) |
hsl(213,66%,94%) |
#d0e1f5 |
rgb(208,225,245) |
hsl(213,66%,89%) |
#bbd4f1 |
rgb(187,212,241) |
hsl(213,66%,84%) |
#a6c6ed |
rgb(166,198,237) |
hsl(213,66%,79%) |
#91b8e8 |
rgb(145,184,232) |
hsl(213,66%,74%) |
#7cabe4 |
rgb(124,171,228) |
hsl(213,66%,69%) |
#679de0 |
rgb(103,157,224) |
hsl(213,66%,64%) |
#5190db |
rgb(81,144,219) |
hsl(213,66%,59%) |
#3c82d7 |
rgb(60,130,215) |
hsl(213,66%,54%) |
#2a75cf |
rgb(42,117,207) |
hsl(213,66%,49%) |
#2669ba |
rgb(38,105,186) |
hsl(213,66%,44%) |
#225da5 |
rgb(34,93,165) |
hsl(213,66%,39%) |
#1d5190 |
rgb(29,81,144) |
hsl(213,66%,34%) |
#19457b |
rgb(25,69,123) |
hsl(213,66%,29%) |
#153966 |
rgb(21,57,102) |
hsl(213,66%,24%) |
#102d50 |
rgb(16,45,80) |
hsl(213,66%,19%) |
#0c213b |
rgb(12,33,59) |
hsl(213,66%,14%) |
#081526 |
rgb(8,21,38) |
hsl(213,66%,9%) |
#030a11 |
rgb(3,10,17) |
hsl(213,66%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#22A395 |
rgb(34,163,149) |
hsl(173,65%,39%) |
#225CA4 |
rgb(34,92,164) |
hsl(213,66%,39%) |
#3E21A4 |
rgb(62,33,164) |
hsl(253,66%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#276BBE |
rgb(39,107,190) |
hsl(213,66%,45%) |
#225CA4 |
rgb(34,92,164) |
hsl(213,66%,39%) |
#1C4D89 |
rgb(28,77,137) |
hsl(213,66%,32%) |
#17406F |
rgb(23,64,111) |
hsl(212,66%,26%) |
#113055 |
rgb(17,48,85) |
hsl(213,67%,20%) |
#0C213B |
rgb(12,33,59) |
hsl(213,66%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#225CA4 |
rgb(34,92,164) |
hsl(213,66%,39%) |
#A42922 |
rgb(164,41,34) |
hsl(3,66%,39%) |
#9DA322 |
rgb(157,163,34) |
hsl(63,65%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#225CA4 |
rgb(34,92,164) |
hsl(213,66%,39%) |
#A46B22 |
rgb(164,107,34) |
hsl(34,66%,39%) |
#229EA4 |
rgb(34,158,164) |
hsl(183,66%,39%) |
#9DA322 |
rgb(157,163,34) |
hsl(63,65%,39%) |