HEX #22545E color — Blue Dianne
The color #22545E is a dark shade and moderately saturated.
Palette
22545E color palette from light to dark
HEX |
RGB |
HSL |
#ecf6f8 |
rgb(236,246,248) |
hsl(190,47%,95%) |
#daedf1 |
rgb(218,237,241) |
hsl(190,47%,90%) |
#c7e5eb |
rgb(199,229,235) |
hsl(190,47%,85%) |
#b4dce4 |
rgb(180,220,228) |
hsl(190,47%,80%) |
#a1d3dd |
rgb(161,211,221) |
hsl(190,47%,75%) |
#8fcad6 |
rgb(143,202,214) |
hsl(190,47%,70%) |
#7cc2d0 |
rgb(124,194,208) |
hsl(190,47%,65%) |
#69b9c9 |
rgb(105,185,201) |
hsl(190,47%,60%) |
#56b0c2 |
rgb(86,176,194) |
hsl(190,47%,55%) |
#44a7bb |
rgb(68,167,187) |
hsl(190,47%,50%) |
#3d97a9 |
rgb(61,151,169) |
hsl(190,47%,45%) |
#368696 |
rgb(54,134,150) |
hsl(190,47%,40%) |
#2f7583 |
rgb(47,117,131) |
hsl(190,47%,35%) |
#296470 |
rgb(41,100,112) |
hsl(190,47%,30%) |
#22545e |
rgb(34,84,94) |
hsl(190,47%,25%) |
#1b434b |
rgb(27,67,75) |
hsl(190,47%,20%) |
#143238 |
rgb(20,50,56) |
hsl(190,47%,15%) |
#0e2125 |
rgb(14,33,37) |
hsl(190,47%,10%) |
#071113 |
rgb(7,17,19) |
hsl(190,47%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#225E40 |
rgb(34,94,64) |
hsl(150,47%,25%) |
#22545E |
rgb(34,84,94) |
hsl(190,47%,25%) |
#222B5E |
rgb(34,43,94) |
hsl(231,47%,25%) |
Monochromatic colors
HEX |
RGB |
HSL |
#27616D |
rgb(39,97,109) |
hsl(190,47%,29%) |
#22545E |
rgb(34,84,94) |
hsl(190,47%,25%) |
#1C474E |
rgb(28,71,78) |
hsl(188,47%,21%) |
#17383F |
rgb(23,56,63) |
hsl(191,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 |
#22545E |
rgb(34,84,94) |
hsl(190,47%,25%) |
#5E2136 |
rgb(94,33,54) |
hsl(339,48%,25%) |
#5E4A22 |
rgb(94,74,34) |
hsl(40,47%,25%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#22545E |
rgb(34,84,94) |
hsl(190,47%,25%) |
#5E2B22 |
rgb(94,43,34) |
hsl(9,47%,25%) |
#225E4A |
rgb(34,94,74) |
hsl(160,47%,25%) |
#5E4A22 |
rgb(94,74,34) |
hsl(40,47%,25%) |