HEX #224E53 color — Blue Dianne
The color #224e53 is a dark shade and moderately saturated.
Palette
224e53 color palette from light to dark
HEX |
RGB |
HSL |
#f8fcfc |
rgb(248,252,252) |
hsl(186,42%,98%) |
#e6f3f5 |
rgb(230,243,245) |
hsl(186,42%,93%) |
#d4ebed |
rgb(212,235,237) |
hsl(186,42%,88%) |
#c1e2e6 |
rgb(193,226,230) |
hsl(186,42%,83%) |
#afdade |
rgb(175,218,222) |
hsl(186,42%,78%) |
#9dd1d7 |
rgb(157,209,215) |
hsl(186,42%,73%) |
#8bc9d0 |
rgb(139,201,208) |
hsl(186,42%,68%) |
#79c0c8 |
rgb(121,192,200) |
hsl(186,42%,63%) |
#67b8c1 |
rgb(103,184,193) |
hsl(186,42%,58%) |
#55afb9 |
rgb(85,175,185) |
hsl(186,42%,53%) |
#47a4ae |
rgb(71,164,174) |
hsl(186,42%,48%) |
#40929c |
rgb(64,146,156) |
hsl(186,42%,43%) |
#38818a |
rgb(56,129,138) |
hsl(186,42%,38%) |
#317077 |
rgb(49,112,119) |
hsl(186,42%,33%) |
#295f65 |
rgb(41,95,101) |
hsl(186,42%,28%) |
#224e53 |
rgb(34,78,83) |
hsl(186,42%,23%) |
#1b3d41 |
rgb(27,61,65) |
hsl(186,42%,18%) |
#132c2f |
rgb(19,44,47) |
hsl(186,42%,13%) |
#0c1b1d |
rgb(12,27,29) |
hsl(186,42%,8%) |
#040a0b |
rgb(4,10,11) |
hsl(186,42%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#225437 |
rgb(34,84,55) |
hsl(145,42%,23%) |
#224E53 |
rgb(34,78,83) |
hsl(186,42%,23%) |
#222E53 |
rgb(34,46,83) |
hsl(225,42%,23%) |
Monochromatic colors
HEX |
RGB |
HSL |
#275960 |
rgb(39,89,96) |
hsl(187,42%,26%) |
#224E53 |
rgb(34,78,83) |
hsl(186,42%,23%) |
#1C4245 |
rgb(28,66,69) |
hsl(184,42%,19%) |
#173638 |
rgb(23,54,56) |
hsl(184,42%,15%) |
#11292B |
rgb(17,41,43) |
hsl(185,43%,12%) |
#0C1C1D |
rgb(12,28,29) |
hsl(184,41%,8%) |
Triad color palettes
HEX |
RGB |
HSL |
#224E53 |
rgb(34,78,83) |
hsl(186,42%,23%) |
#532135 |
rgb(83,33,53) |
hsl(336,43%,23%) |
#534022 |
rgb(83,64,34) |
hsl(37,42%,23%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#224E53 |
rgb(34,78,83) |
hsl(186,42%,23%) |
#532622 |
rgb(83,38,34) |
hsl(5,42%,23%) |
#22543F |
rgb(34,84,63) |
hsl(155,42%,23%) |
#534022 |
rgb(83,64,34) |
hsl(37,42%,23%) |