HEX #224A5D color — Blue Dianne
The color #224A5D is a dark shade and moderately saturated.
Palette
224A5D color palette from light to dark
HEX |
RGB |
HSL |
#ecf4f8 |
rgb(236,244,248) |
hsl(199,46%,95%) |
#daeaf1 |
rgb(218,234,241) |
hsl(199,46%,90%) |
#c7dfea |
rgb(199,223,234) |
hsl(199,46%,85%) |
#b5d5e3 |
rgb(181,213,227) |
hsl(199,46%,80%) |
#a2cadd |
rgb(162,202,221) |
hsl(199,46%,75%) |
#8fbfd6 |
rgb(143,191,214) |
hsl(199,46%,70%) |
#7db5cf |
rgb(125,181,207) |
hsl(199,46%,65%) |
#6aaac8 |
rgb(106,170,200) |
hsl(199,46%,60%) |
#57a0c1 |
rgb(87,160,193) |
hsl(199,46%,55%) |
#4595ba |
rgb(69,149,186) |
hsl(199,46%,50%) |
#3e86a8 |
rgb(62,134,168) |
hsl(199,46%,45%) |
#377795 |
rgb(55,119,149) |
hsl(199,46%,40%) |
#306882 |
rgb(48,104,130) |
hsl(199,46%,35%) |
#295970 |
rgb(41,89,112) |
hsl(199,46%,30%) |
#224b5d |
rgb(34,75,93) |
hsl(199,46%,25%) |
#1c3c4a |
rgb(28,60,74) |
hsl(199,46%,20%) |
#152d38 |
rgb(21,45,56) |
hsl(199,46%,15%) |
#0e1e25 |
rgb(14,30,37) |
hsl(199,46%,10%) |
#070f13 |
rgb(7,15,19) |
hsl(199,46%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#225C48 |
rgb(34,92,72) |
hsl(159,46%,25%) |
#224A5D |
rgb(34,74,93) |
hsl(199,46%,25%) |
#22245D |
rgb(34,36,93) |
hsl(238,46%,25%) |
Monochromatic colors
HEX |
RGB |
HSL |
#27576B |
rgb(39,87,107) |
hsl(198,47%,29%) |
#224A5D |
rgb(34,74,93) |
hsl(199,46%,25%) |
#1C3D4E |
rgb(28,61,78) |
hsl(200,47%,21%) |
#17333F |
rgb(23,51,63) |
hsl(198,47%,17%) |
#112630 |
rgb(17,38,48) |
hsl(199,48%,13%) |
#0C1A21 |
rgb(12,26,33) |
hsl(200,47%,9%) |
Triad color palettes
HEX |
RGB |
HSL |
#224A5D |
rgb(34,74,93) |
hsl(199,46%,25%) |
#5D212C |
rgb(93,33,44) |
hsl(349,48%,25%) |
#5D5222 |
rgb(93,82,34) |
hsl(49,46%,25%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#224A5D |
rgb(34,74,93) |
hsl(199,46%,25%) |
#5D3622 |
rgb(93,54,34) |
hsl(20,46%,25%) |
#225C52 |
rgb(34,92,82) |
hsl(170,46%,25%) |
#5D5222 |
rgb(93,82,34) |
hsl(49,46%,25%) |