HEX #225BA5 color — Matisse
The color #225BA5 is a dark shade and moderately saturated.
Palette
225BA5 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(214,66%,99%) |
#e6eefa |
rgb(230,238,250) |
hsl(214,66%,94%) |
#d0e0f5 |
rgb(208,224,245) |
hsl(214,66%,89%) |
#bbd3f1 |
rgb(187,211,241) |
hsl(214,66%,84%) |
#a6c5ed |
rgb(166,197,237) |
hsl(214,66%,79%) |
#91b7e8 |
rgb(145,183,232) |
hsl(214,66%,74%) |
#7ca9e4 |
rgb(124,169,228) |
hsl(214,66%,69%) |
#679be0 |
rgb(103,155,224) |
hsl(214,66%,64%) |
#518ddb |
rgb(81,141,219) |
hsl(214,66%,59%) |
#3c7fd7 |
rgb(60,127,215) |
hsl(214,66%,54%) |
#2a72cf |
rgb(42,114,207) |
hsl(214,66%,49%) |
#2666ba |
rgb(38,102,186) |
hsl(214,66%,44%) |
#225ba5 |
rgb(34,91,165) |
hsl(214,66%,39%) |
#1d4f90 |
rgb(29,79,144) |
hsl(214,66%,34%) |
#19437b |
rgb(25,67,123) |
hsl(214,66%,29%) |
#153866 |
rgb(21,56,102) |
hsl(214,66%,24%) |
#102c50 |
rgb(16,44,80) |
hsl(214,66%,19%) |
#0c213b |
rgb(12,33,59) |
hsl(214,66%,14%) |
#081526 |
rgb(8,21,38) |
hsl(214,66%,9%) |
#030911 |
rgb(3,9,17) |
hsl(214,66%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#22A697 |
rgb(34,166,151) |
hsl(173,66%,39%) |
#225BA5 |
rgb(34,91,165) |
hsl(214,66%,39%) |
#4021A5 |
rgb(64,33,165) |
hsl(254,67%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#2769BF |
rgb(39,105,191) |
hsl(214,66%,45%) |
#225BA5 |
rgb(34,91,165) |
hsl(214,66%,39%) |
#1C4D8A |
rgb(28,77,138) |
hsl(213,66%,33%) |
#173D70 |
rgb(23,61,112) |
hsl(214,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 |
#225BA5 |
rgb(34,91,165) |
hsl(214,66%,39%) |
#A52B22 |
rgb(165,43,34) |
hsl(4,66%,39%) |
#9CA622 |
rgb(156,166,34) |
hsl(65,66%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#225BA5 |
rgb(34,91,165) |
hsl(214,66%,39%) |
#A56B22 |
rgb(165,107,34) |
hsl(33,66%,39%) |
#229CA5 |
rgb(34,156,165) |
hsl(184,66%,39%) |
#9CA622 |
rgb(156,166,34) |
hsl(65,66%,39%) |