HEX #224E5D color — Blue Dianne
The color #224e5d is a dark shade and moderately saturated.
Palette
224e5d color palette from light to dark
HEX |
RGB |
HSL |
#ecf5f8 |
rgb(236,245,248) |
hsl(195,46%,95%) |
#daebf1 |
rgb(218,235,241) |
hsl(195,46%,90%) |
#c7e2ea |
rgb(199,226,234) |
hsl(195,46%,85%) |
#b5d8e3 |
rgb(181,216,227) |
hsl(195,46%,80%) |
#a2cedd |
rgb(162,206,221) |
hsl(195,46%,75%) |
#8fc4d6 |
rgb(143,196,214) |
hsl(195,46%,70%) |
#7dbacf |
rgb(125,186,207) |
hsl(195,46%,65%) |
#6ab0c8 |
rgb(106,176,200) |
hsl(195,46%,60%) |
#57a7c1 |
rgb(87,167,193) |
hsl(195,46%,55%) |
#459dba |
rgb(69,157,186) |
hsl(195,46%,50%) |
#3e8da8 |
rgb(62,141,168) |
hsl(195,46%,45%) |
#377d95 |
rgb(55,125,149) |
hsl(195,46%,40%) |
#306e82 |
rgb(48,110,130) |
hsl(195,46%,35%) |
#295e70 |
rgb(41,94,112) |
hsl(195,46%,30%) |
#224e5d |
rgb(34,78,93) |
hsl(195,46%,25%) |
#1c3f4a |
rgb(28,63,74) |
hsl(195,46%,20%) |
#152f38 |
rgb(21,47,56) |
hsl(195,46%,15%) |
#0e1f25 |
rgb(14,31,37) |
hsl(195,46%,10%) |
#071013 |
rgb(7,16,19) |
hsl(195,46%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#225C44 |
rgb(34,92,68) |
hsl(155,46%,25%) |
#224E5D |
rgb(34,78,93) |
hsl(195,46%,25%) |
#22265D |
rgb(34,38,93) |
hsl(236,46%,25%) |
Monochromatic colors
HEX |
RGB |
HSL |
#27596B |
rgb(39,89,107) |
hsl(196,47%,29%) |
#224E5D |
rgb(34,78,93) |
hsl(195,46%,25%) |
#1C424E |
rgb(28,66,78) |
hsl(194,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 |
#224E5D |
rgb(34,78,93) |
hsl(195,46%,25%) |
#5D2130 |
rgb(93,33,48) |
hsl(345,48%,25%) |
#5D4F22 |
rgb(93,79,34) |
hsl(46,46%,25%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#224E5D |
rgb(34,78,93) |
hsl(195,46%,25%) |
#5D3022 |
rgb(93,48,34) |
hsl(14,46%,25%) |
#225C4E |
rgb(34,92,78) |
hsl(166,46%,25%) |
#5D4F22 |
rgb(93,79,34) |
hsl(46,46%,25%) |