HEX #224F5C color — Blue Dianne
The color #224F5C is a dark shade and moderately saturated.
Palette
224F5C color palette from light to dark
HEX |
RGB |
HSL |
#ecf6f8 |
rgb(236,246,248) |
hsl(193,46%,95%) |
#daecf1 |
rgb(218,236,241) |
hsl(193,46%,90%) |
#c7e3ea |
rgb(199,227,234) |
hsl(193,46%,85%) |
#b5d9e3 |
rgb(181,217,227) |
hsl(193,46%,80%) |
#a2d0dd |
rgb(162,208,221) |
hsl(193,46%,75%) |
#8fc6d6 |
rgb(143,198,214) |
hsl(193,46%,70%) |
#7dbdcf |
rgb(125,189,207) |
hsl(193,46%,65%) |
#6ab4c8 |
rgb(106,180,200) |
hsl(193,46%,60%) |
#57aac1 |
rgb(87,170,193) |
hsl(193,46%,55%) |
#45a1ba |
rgb(69,161,186) |
hsl(193,46%,50%) |
#3e91a8 |
rgb(62,145,168) |
hsl(193,46%,45%) |
#378195 |
rgb(55,129,149) |
hsl(193,46%,40%) |
#307182 |
rgb(48,113,130) |
hsl(193,46%,35%) |
#296070 |
rgb(41,96,112) |
hsl(193,46%,30%) |
#22505d |
rgb(34,80,93) |
hsl(193,46%,25%) |
#1c404a |
rgb(28,64,74) |
hsl(193,46%,20%) |
#153038 |
rgb(21,48,56) |
hsl(193,46%,15%) |
#0e2025 |
rgb(14,32,37) |
hsl(193,46%,10%) |
#071013 |
rgb(7,16,19) |
hsl(193,46%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#225C42 |
rgb(34,92,66) |
hsl(153,46%,25%) |
#224F5C |
rgb(34,79,92) |
hsl(193,46%,25%) |
#22295C |
rgb(34,41,92) |
hsl(233,46%,25%) |
Monochromatic colors
HEX |
RGB |
HSL |
#275C6A |
rgb(39,92,106) |
hsl(193,46%,28%) |
#224F5C |
rgb(34,79,92) |
hsl(193,46%,25%) |
#1C424D |
rgb(28,66,77) |
hsl(193,47%,21%) |
#17363E |
rgb(23,54,62) |
hsl(192,46%,17%) |
#11292F |
rgb(17,41,47) |
hsl(192,47%,13%) |
#0C1C21 |
rgb(12,28,33) |
hsl(194,47%,9%) |
Triad color palettes
HEX |
RGB |
HSL |
#224F5C |
rgb(34,79,92) |
hsl(193,46%,25%) |
#5C2132 |
rgb(92,33,50) |
hsl(343,47%,25%) |
#5C4D22 |
rgb(92,77,34) |
hsl(44,46%,25%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#224F5C |
rgb(34,79,92) |
hsl(193,46%,25%) |
#5C2E22 |
rgb(92,46,34) |
hsl(12,46%,25%) |
#225C4C |
rgb(34,92,76) |
hsl(163,46%,25%) |
#5C4D22 |
rgb(92,77,34) |
hsl(44,46%,25%) |