HEX #225A5E color — Blue Dianne
The color #225A5E is a dark shade and moderately saturated.
Palette
225A5E color palette from light to dark
HEX |
RGB |
HSL |
#ecf7f8 |
rgb(236,247,248) |
hsl(184,47%,95%) |
#daf0f1 |
rgb(218,240,241) |
hsl(184,47%,90%) |
#c7e8eb |
rgb(199,232,235) |
hsl(184,47%,85%) |
#b4e1e4 |
rgb(180,225,228) |
hsl(184,47%,80%) |
#a1d9dd |
rgb(161,217,221) |
hsl(184,47%,75%) |
#8fd2d6 |
rgb(143,210,214) |
hsl(184,47%,70%) |
#7ccad0 |
rgb(124,202,208) |
hsl(184,47%,65%) |
#69c3c9 |
rgb(105,195,201) |
hsl(184,47%,60%) |
#56bbc2 |
rgb(86,187,194) |
hsl(184,47%,55%) |
#44b3bb |
rgb(68,179,187) |
hsl(184,47%,50%) |
#3da1a9 |
rgb(61,161,169) |
hsl(184,47%,45%) |
#369096 |
rgb(54,144,150) |
hsl(184,47%,40%) |
#2f7e83 |
rgb(47,126,131) |
hsl(184,47%,35%) |
#296c70 |
rgb(41,108,112) |
hsl(184,47%,30%) |
#225a5e |
rgb(34,90,94) |
hsl(184,47%,25%) |
#1b484b |
rgb(27,72,75) |
hsl(184,47%,20%) |
#143638 |
rgb(20,54,56) |
hsl(184,47%,15%) |
#0e2425 |
rgb(14,36,37) |
hsl(184,47%,10%) |
#071213 |
rgb(7,18,19) |
hsl(184,47%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#225E3A |
rgb(34,94,58) |
hsl(144,47%,25%) |
#225A5E |
rgb(34,90,94) |
hsl(184,47%,25%) |
#22335E |
rgb(34,51,94) |
hsl(223,47%,25%) |
Monochromatic colors
HEX |
RGB |
HSL |
#27696D |
rgb(39,105,109) |
hsl(183,47%,29%) |
#225A5E |
rgb(34,90,94) |
hsl(184,47%,25%) |
#1C4D4E |
rgb(28,77,78) |
hsl(181,47%,21%) |
#173D3F |
rgb(23,61,63) |
hsl(183,47%,17%) |
#112E30 |
rgb(17,46,48) |
hsl(184,48%,13%) |
#0C2121 |
rgb(12,33,33) |
hsl(180,47%,9%) |
Triad color palettes
HEX |
RGB |
HSL |
#225A5E |
rgb(34,90,94) |
hsl(184,47%,25%) |
#5E213C |
rgb(94,33,60) |
hsl(333,48%,25%) |
#5E4522 |
rgb(94,69,34) |
hsl(35,47%,25%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#225A5E |
rgb(34,90,94) |
hsl(184,47%,25%) |
#5E2622 |
rgb(94,38,34) |
hsl(4,47%,25%) |
#225E44 |
rgb(34,94,68) |
hsl(154,47%,25%) |
#5E4522 |
rgb(94,69,34) |
hsl(35,47%,25%) |