HEX #225E54 color — Blue Dianne
The color #225E54 is a dark shade and moderately saturated.
Palette
225E54 color palette from light to dark
HEX |
RGB |
HSL |
#ecf8f6 |
rgb(236,248,246) |
hsl(170,47%,95%) |
#daf1ed |
rgb(218,241,237) |
hsl(170,47%,90%) |
#c7ebe5 |
rgb(199,235,229) |
hsl(170,47%,85%) |
#b4e4dc |
rgb(180,228,220) |
hsl(170,47%,80%) |
#a1ddd3 |
rgb(161,221,211) |
hsl(170,47%,75%) |
#8fd6ca |
rgb(143,214,202) |
hsl(170,47%,70%) |
#7cd0c2 |
rgb(124,208,194) |
hsl(170,47%,65%) |
#69c9b9 |
rgb(105,201,185) |
hsl(170,47%,60%) |
#56c2b0 |
rgb(86,194,176) |
hsl(170,47%,55%) |
#44bba7 |
rgb(68,187,167) |
hsl(170,47%,50%) |
#3da997 |
rgb(61,169,151) |
hsl(170,47%,45%) |
#369686 |
rgb(54,150,134) |
hsl(170,47%,40%) |
#2f8375 |
rgb(47,131,117) |
hsl(170,47%,35%) |
#297064 |
rgb(41,112,100) |
hsl(170,47%,30%) |
#225e54 |
rgb(34,94,84) |
hsl(170,47%,25%) |
#1b4b43 |
rgb(27,75,67) |
hsl(170,47%,20%) |
#143832 |
rgb(20,56,50) |
hsl(170,47%,15%) |
#0e2521 |
rgb(14,37,33) |
hsl(170,47%,10%) |
#071311 |
rgb(7,19,17) |
hsl(170,47%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#225E2C |
rgb(34,94,44) |
hsl(130,47%,25%) |
#225E54 |
rgb(34,94,84) |
hsl(170,47%,25%) |
#22405E |
rgb(34,64,94) |
hsl(210,47%,25%) |
Monochromatic colors
HEX |
RGB |
HSL |
#276E61 |
rgb(39,110,97) |
hsl(169,48%,29%) |
#225E54 |
rgb(34,94,84) |
hsl(170,47%,25%) |
#1C4F46 |
rgb(28,79,70) |
hsl(169,48%,21%) |
#174039 |
rgb(23,64,57) |
hsl(170,47%,17%) |
#11302B |
rgb(17,48,43) |
hsl(170,48%,13%) |
#0C211E |
rgb(12,33,30) |
hsl(171,47%,9%) |
Triad color palettes
HEX |
RGB |
HSL |
#225E54 |
rgb(34,94,84) |
hsl(170,47%,25%) |
#5E214A |
rgb(94,33,74) |
hsl(320,48%,25%) |
#5E3622 |
rgb(94,54,34) |
hsl(20,47%,25%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#225E54 |
rgb(34,94,84) |
hsl(170,47%,25%) |
#5E212C |
rgb(94,33,44) |
hsl(349,48%,25%) |
#225E36 |
rgb(34,94,54) |
hsl(140,47%,25%) |
#5E3622 |
rgb(94,54,34) |
hsl(20,47%,25%) |