HEX #2254A5 color — Matisse
The color #2254a5 is a dark shade and moderately saturated.
Palette
2254a5 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(217,66%,99%) |
#e6edfa |
rgb(230,237,250) |
hsl(217,66%,94%) |
#d0dff5 |
rgb(208,223,245) |
hsl(217,66%,89%) |
#bbd0f1 |
rgb(187,208,241) |
hsl(217,66%,84%) |
#a6c1ed |
rgb(166,193,237) |
hsl(217,66%,79%) |
#91b2e8 |
rgb(145,178,232) |
hsl(217,66%,74%) |
#7ca4e4 |
rgb(124,164,228) |
hsl(217,66%,69%) |
#6795e0 |
rgb(103,149,224) |
hsl(217,66%,64%) |
#5186db |
rgb(81,134,219) |
hsl(217,66%,59%) |
#3c78d7 |
rgb(60,120,215) |
hsl(217,66%,54%) |
#2a6acf |
rgb(42,106,207) |
hsl(217,66%,49%) |
#265fba |
rgb(38,95,186) |
hsl(217,66%,44%) |
#2254a5 |
rgb(34,84,165) |
hsl(217,66%,39%) |
#1d4990 |
rgb(29,73,144) |
hsl(217,66%,34%) |
#193f7b |
rgb(25,63,123) |
hsl(217,66%,29%) |
#153466 |
rgb(21,52,102) |
hsl(217,66%,24%) |
#102950 |
rgb(16,41,80) |
hsl(217,66%,19%) |
#0c1e3b |
rgb(12,30,59) |
hsl(217,66%,14%) |
#081326 |
rgb(8,19,38) |
hsl(217,66%,9%) |
#030911 |
rgb(3,9,17) |
hsl(217,66%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#22A69E |
rgb(34,166,158) |
hsl(176,66%,39%) |
#2254A5 |
rgb(34,84,165) |
hsl(217,66%,39%) |
#4721A5 |
rgb(71,33,165) |
hsl(257,67%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#2761BF |
rgb(39,97,191) |
hsl(217,66%,45%) |
#2254A5 |
rgb(34,84,165) |
hsl(217,66%,39%) |
#1C478A |
rgb(28,71,138) |
hsl(217,66%,33%) |
#173870 |
rgb(23,56,112) |
hsl(218,66%,26%) |
#112B55 |
rgb(17,43,85) |
hsl(217,67%,20%) |
#0C1F3B |
rgb(12,31,59) |
hsl(216,66%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#2254A5 |
rgb(34,84,165) |
hsl(217,66%,39%) |
#A53022 |
rgb(165,48,34) |
hsl(6,66%,39%) |
#95A622 |
rgb(149,166,34) |
hsl(68,66%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2254A5 |
rgb(34,84,165) |
hsl(217,66%,39%) |
#A57322 |
rgb(165,115,34) |
hsl(37,66%,39%) |
#2296A5 |
rgb(34,150,165) |
hsl(187,66%,39%) |
#95A622 |
rgb(149,166,34) |
hsl(68,66%,39%) |