HEX #224D5E color — Blue Dianne
The color #224D5E is a dark shade and moderately saturated.
Palette
224D5E color palette from light to dark
HEX |
RGB |
HSL |
#ecf5f8 |
rgb(236,245,248) |
hsl(197,47%,95%) |
#daebf1 |
rgb(218,235,241) |
hsl(197,47%,90%) |
#c7e1eb |
rgb(199,225,235) |
hsl(197,47%,85%) |
#b4d6e4 |
rgb(180,214,228) |
hsl(197,47%,80%) |
#a1ccdd |
rgb(161,204,221) |
hsl(197,47%,75%) |
#8fc2d6 |
rgb(143,194,214) |
hsl(197,47%,70%) |
#7cb8d0 |
rgb(124,184,208) |
hsl(197,47%,65%) |
#69aec9 |
rgb(105,174,201) |
hsl(197,47%,60%) |
#56a4c2 |
rgb(86,164,194) |
hsl(197,47%,55%) |
#4499bb |
rgb(68,153,187) |
hsl(197,47%,50%) |
#3d8aa9 |
rgb(61,138,169) |
hsl(197,47%,45%) |
#367b96 |
rgb(54,123,150) |
hsl(197,47%,40%) |
#2f6b83 |
rgb(47,107,131) |
hsl(197,47%,35%) |
#295c70 |
rgb(41,92,112) |
hsl(197,47%,30%) |
#224d5e |
rgb(34,77,94) |
hsl(197,47%,25%) |
#1b3d4b |
rgb(27,61,75) |
hsl(197,47%,20%) |
#142e38 |
rgb(20,46,56) |
hsl(197,47%,15%) |
#0e1f25 |
rgb(14,31,37) |
hsl(197,47%,10%) |
#070f13 |
rgb(7,15,19) |
hsl(197,47%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#225E47 |
rgb(34,94,71) |
hsl(157,47%,25%) |
#224D5E |
rgb(34,77,94) |
hsl(197,47%,25%) |
#22265E |
rgb(34,38,94) |
hsl(236,47%,25%) |
Monochromatic colors
HEX |
RGB |
HSL |
#27596D |
rgb(39,89,109) |
hsl(197,47%,29%) |
#224D5E |
rgb(34,77,94) |
hsl(197,47%,25%) |
#1C404E |
rgb(28,64,78) |
hsl(197,47%,21%) |
#17363F |
rgb(23,54,63) |
hsl(194,47%,17%) |
#112930 |
rgb(17,41,48) |
hsl(194,48%,13%) |
#0C1C21 |
rgb(12,28,33) |
hsl(194,47%,9%) |
Triad color palettes
HEX |
RGB |
HSL |
#224D5E |
rgb(34,77,94) |
hsl(197,47%,25%) |
#5E212F |
rgb(94,33,47) |
hsl(346,48%,25%) |
#5E5222 |
rgb(94,82,34) |
hsl(48,47%,25%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#224D5E |
rgb(34,77,94) |
hsl(197,47%,25%) |
#5E3322 |
rgb(94,51,34) |
hsl(17,47%,25%) |
#225E51 |
rgb(34,94,81) |
hsl(167,47%,25%) |
#5E5222 |
rgb(94,82,34) |
hsl(48,47%,25%) |