HEX #224554 color — Blue Dianne
The color #224554 is a dark shade and moderately saturated.
Palette
224554 color palette from light to dark
HEX |
RGB |
HSL |
#f8fbfc |
rgb(248,251,252) |
hsl(198,42%,98%) |
#e6f0f5 |
rgb(230,240,245) |
hsl(198,42%,93%) |
#d4e6ed |
rgb(212,230,237) |
hsl(198,42%,88%) |
#c1dbe6 |
rgb(193,219,230) |
hsl(198,42%,83%) |
#afd0de |
rgb(175,208,222) |
hsl(198,42%,78%) |
#9dc6d7 |
rgb(157,198,215) |
hsl(198,42%,73%) |
#8bbbd0 |
rgb(139,187,208) |
hsl(198,42%,68%) |
#79b1c8 |
rgb(121,177,200) |
hsl(198,42%,63%) |
#67a6c1 |
rgb(103,166,193) |
hsl(198,42%,58%) |
#559bb9 |
rgb(85,155,185) |
hsl(198,42%,53%) |
#478fae |
rgb(71,143,174) |
hsl(198,42%,48%) |
#40809c |
rgb(64,128,156) |
hsl(198,42%,43%) |
#38718a |
rgb(56,113,138) |
hsl(198,42%,38%) |
#316277 |
rgb(49,98,119) |
hsl(198,42%,33%) |
#295365 |
rgb(41,83,101) |
hsl(198,42%,28%) |
#224553 |
rgb(34,69,83) |
hsl(198,42%,23%) |
#1b3641 |
rgb(27,54,65) |
hsl(198,42%,18%) |
#13272f |
rgb(19,39,47) |
hsl(198,42%,13%) |
#0c181d |
rgb(12,24,29) |
hsl(198,42%,8%) |
#04090b |
rgb(4,9,11) |
hsl(198,42%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#225441 |
rgb(34,84,65) |
hsl(157,42%,23%) |
#224554 |
rgb(34,69,84) |
hsl(198,42%,23%) |
#222454 |
rgb(34,36,84) |
hsl(238,42%,23%) |
Monochromatic colors
HEX |
RGB |
HSL |
#274F61 |
rgb(39,79,97) |
hsl(199,43%,27%) |
#224554 |
rgb(34,69,84) |
hsl(198,42%,23%) |
#1C3B46 |
rgb(28,59,70) |
hsl(196,43%,19%) |
#172E39 |
rgb(23,46,57) |
hsl(199,43%,16%) |
#11242B |
rgb(17,36,43) |
hsl(196,43%,12%) |
#0C1A1E |
rgb(12,26,30) |
hsl(193,43%,8%) |
Triad color palettes
HEX |
RGB |
HSL |
#224554 |
rgb(34,69,84) |
hsl(198,42%,23%) |
#54212C |
rgb(84,33,44) |
hsl(347,44%,23%) |
#544A22 |
rgb(84,74,34) |
hsl(48,42%,23%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#224554 |
rgb(34,69,84) |
hsl(198,42%,23%) |
#543022 |
rgb(84,48,34) |
hsl(17,42%,23%) |
#22544A |
rgb(34,84,74) |
hsl(168,42%,23%) |
#544A22 |
rgb(84,74,34) |
hsl(48,42%,23%) |