HEX #225EA8 color — Matisse
The color #225EA8 is a dark shade and moderately saturated.
Palette
225EA8 color palette from light to dark
HEX |
RGB |
HSL |
#eaf1fb |
rgb(234,241,251) |
hsl(213,66%,95%) |
#d5e4f6 |
rgb(213,228,246) |
hsl(213,66%,90%) |
#c0d6f2 |
rgb(192,214,242) |
hsl(213,66%,85%) |
#aac9ee |
rgb(170,201,238) |
hsl(213,66%,80%) |
#95bbe9 |
rgb(149,187,233) |
hsl(213,66%,75%) |
#80ade5 |
rgb(128,173,229) |
hsl(213,66%,70%) |
#6ba0e1 |
rgb(107,160,225) |
hsl(213,66%,65%) |
#5692dc |
rgb(86,146,220) |
hsl(213,66%,60%) |
#4185d8 |
rgb(65,133,216) |
hsl(213,66%,55%) |
#2b77d4 |
rgb(43,119,212) |
hsl(213,66%,50%) |
#276bbe |
rgb(39,107,190) |
hsl(213,66%,45%) |
#235fa9 |
rgb(35,95,169) |
hsl(213,66%,40%) |
#1e5394 |
rgb(30,83,148) |
hsl(213,66%,35%) |
#1a477f |
rgb(26,71,127) |
hsl(213,66%,30%) |
#163c6a |
rgb(22,60,106) |
hsl(213,66%,25%) |
#113055 |
rgb(17,48,85) |
hsl(213,66%,20%) |
#0d243f |
rgb(13,36,63) |
hsl(213,66%,15%) |
#09182a |
rgb(9,24,42) |
hsl(213,66%,10%) |
#040c15 |
rgb(4,12,21) |
hsl(213,66%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#22A898 |
rgb(34,168,152) |
hsl(173,66%,40%) |
#225EA8 |
rgb(34,94,168) |
hsl(213,66%,40%) |
#3F21A8 |
rgb(63,33,168) |
hsl(253,67%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#276EC2 |
rgb(39,110,194) |
hsl(213,67%,46%) |
#225EA8 |
rgb(34,94,168) |
hsl(213,66%,40%) |
#1C4F8D |
rgb(28,79,141) |
hsl(213,67%,33%) |
#174072 |
rgb(23,64,114) |
hsl(213,66%,27%) |
#113057 |
rgb(17,48,87) |
hsl(213,67%,20%) |
#0C213C |
rgb(12,33,60) |
hsl(214,67%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#225EA8 |
rgb(34,94,168) |
hsl(213,66%,40%) |
#A82922 |
rgb(168,41,34) |
hsl(3,66%,40%) |
#A1A822 |
rgb(161,168,34) |
hsl(63,66%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#225EA8 |
rgb(34,94,168) |
hsl(213,66%,40%) |
#A86B22 |
rgb(168,107,34) |
hsl(33,66%,40%) |
#22A1A8 |
rgb(34,161,168) |
hsl(183,66%,40%) |
#A1A822 |
rgb(161,168,34) |
hsl(63,66%,40%) |