HEX #224F5A color — Blue Dianne
The color #224F5A is a dark shade and moderately saturated.
Palette
224F5A color palette from light to dark
HEX |
RGB |
HSL |
#fbfdfe |
rgb(251,253,254) |
hsl(192,45%,99%) |
#e9f4f7 |
rgb(233,244,247) |
hsl(192,45%,94%) |
#d6ebf0 |
rgb(214,235,240) |
hsl(192,45%,89%) |
#c4e1e9 |
rgb(196,225,233) |
hsl(192,45%,84%) |
#b1d8e2 |
rgb(177,216,226) |
hsl(192,45%,79%) |
#9fcfdb |
rgb(159,207,219) |
hsl(192,45%,74%) |
#8cc5d4 |
rgb(140,197,212) |
hsl(192,45%,69%) |
#7abccd |
rgb(122,188,205) |
hsl(192,45%,64%) |
#67b3c5 |
rgb(103,179,197) |
hsl(192,45%,59%) |
#55a9be |
rgb(85,169,190) |
hsl(192,45%,54%) |
#459fb5 |
rgb(69,159,181) |
hsl(192,45%,49%) |
#3e8ea3 |
rgb(62,142,163) |
hsl(192,45%,44%) |
#377e90 |
rgb(55,126,144) |
hsl(192,45%,39%) |
#306e7e |
rgb(48,110,126) |
hsl(192,45%,34%) |
#295e6b |
rgb(41,94,107) |
hsl(192,45%,29%) |
#224e59 |
rgb(34,78,89) |
hsl(192,45%,24%) |
#1b3e46 |
rgb(27,62,70) |
hsl(192,45%,19%) |
#142d34 |
rgb(20,45,52) |
hsl(192,45%,14%) |
#0d1d21 |
rgb(13,29,33) |
hsl(192,45%,9%) |
#060d0f |
rgb(6,13,15) |
hsl(192,45%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#22593F |
rgb(34,89,63) |
hsl(152,45%,24%) |
#224F5A |
rgb(34,79,90) |
hsl(192,45%,24%) |
#22295A |
rgb(34,41,90) |
hsl(233,45%,24%) |
Monochromatic colors
HEX |
RGB |
HSL |
#275C68 |
rgb(39,92,104) |
hsl(191,45%,28%) |
#224F5A |
rgb(34,79,90) |
hsl(192,45%,24%) |
#1C424B |
rgb(28,66,75) |
hsl(191,46%,20%) |
#17363D |
rgb(23,54,61) |
hsl(191,45%,16%) |
#11292E |
rgb(17,41,46) |
hsl(190,46%,12%) |
#0C1C20 |
rgb(12,28,32) |
hsl(192,45%,9%) |
Triad color palettes
HEX |
RGB |
HSL |
#224F5A |
rgb(34,79,90) |
hsl(192,45%,24%) |
#5A2133 |
rgb(90,33,51) |
hsl(341,46%,24%) |
#5A4A22 |
rgb(90,74,34) |
hsl(43,45%,24%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#224F5A |
rgb(34,79,90) |
hsl(192,45%,24%) |
#5A2E22 |
rgb(90,46,34) |
hsl(13,45%,24%) |
#225949 |
rgb(34,89,73) |
hsl(163,45%,24%) |
#5A4A22 |
rgb(90,74,34) |
hsl(43,45%,24%) |