HEX #22555E color — Blue Dianne
The color #22555e is a dark shade and moderately saturated.
Palette
22555e color palette from light to dark
HEX |
RGB |
HSL |
#ecf6f8 |
rgb(236,246,248) |
hsl(189,47%,95%) |
#daeef1 |
rgb(218,238,241) |
hsl(189,47%,90%) |
#c7e5eb |
rgb(199,229,235) |
hsl(189,47%,85%) |
#b4dde4 |
rgb(180,221,228) |
hsl(189,47%,80%) |
#a1d4dd |
rgb(161,212,221) |
hsl(189,47%,75%) |
#8fccd6 |
rgb(143,204,214) |
hsl(189,47%,70%) |
#7cc3d0 |
rgb(124,195,208) |
hsl(189,47%,65%) |
#69bbc9 |
rgb(105,187,201) |
hsl(189,47%,60%) |
#56b2c2 |
rgb(86,178,194) |
hsl(189,47%,55%) |
#44a9bb |
rgb(68,169,187) |
hsl(189,47%,50%) |
#3d99a9 |
rgb(61,153,169) |
hsl(189,47%,45%) |
#368896 |
rgb(54,136,150) |
hsl(189,47%,40%) |
#2f7783 |
rgb(47,119,131) |
hsl(189,47%,35%) |
#296670 |
rgb(41,102,112) |
hsl(189,47%,30%) |
#22555e |
rgb(34,85,94) |
hsl(189,47%,25%) |
#1b444b |
rgb(27,68,75) |
hsl(189,47%,20%) |
#143338 |
rgb(20,51,56) |
hsl(189,47%,15%) |
#0e2225 |
rgb(14,34,37) |
hsl(189,47%,10%) |
#071113 |
rgb(7,17,19) |
hsl(189,47%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#225E3F |
rgb(34,94,63) |
hsl(149,47%,25%) |
#22555E |
rgb(34,85,94) |
hsl(189,47%,25%) |
#222E5E |
rgb(34,46,94) |
hsl(228,47%,25%) |
Monochromatic colors
HEX |
RGB |
HSL |
#27636D |
rgb(39,99,109) |
hsl(189,47%,29%) |
#22555E |
rgb(34,85,94) |
hsl(189,47%,25%) |
#1C474E |
rgb(28,71,78) |
hsl(188,47%,21%) |
#173B3F |
rgb(23,59,63) |
hsl(186,47%,17%) |
#112B30 |
rgb(17,43,48) |
hsl(190,48%,13%) |
#0C1F21 |
rgb(12,31,33) |
hsl(186,47%,9%) |
Triad color palettes
HEX |
RGB |
HSL |
#22555E |
rgb(34,85,94) |
hsl(189,47%,25%) |
#5E2137 |
rgb(94,33,55) |
hsl(338,48%,25%) |
#5E4A22 |
rgb(94,74,34) |
hsl(40,47%,25%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#22555E |
rgb(34,85,94) |
hsl(189,47%,25%) |
#5E2B22 |
rgb(94,43,34) |
hsl(9,47%,25%) |
#225E49 |
rgb(34,94,73) |
hsl(159,47%,25%) |
#5E4A22 |
rgb(94,74,34) |
hsl(40,47%,25%) |