HEX #224254 color — Blue Dianne
The color #224254 is a dark shade and moderately saturated.
Palette
224254 color palette from light to dark
HEX |
RGB |
HSL |
#f8fafc |
rgb(248,250,252) |
hsl(202,42%,98%) |
#e6eff5 |
rgb(230,239,245) |
hsl(202,42%,93%) |
#d4e4ed |
rgb(212,228,237) |
hsl(202,42%,88%) |
#c1d9e6 |
rgb(193,217,230) |
hsl(202,42%,83%) |
#afcdde |
rgb(175,205,222) |
hsl(202,42%,78%) |
#9dc2d7 |
rgb(157,194,215) |
hsl(202,42%,73%) |
#8bb7d0 |
rgb(139,183,208) |
hsl(202,42%,68%) |
#79abc8 |
rgb(121,171,200) |
hsl(202,42%,63%) |
#67a0c1 |
rgb(103,160,193) |
hsl(202,42%,58%) |
#5595b9 |
rgb(85,149,185) |
hsl(202,42%,53%) |
#4788ae |
rgb(71,136,174) |
hsl(202,42%,48%) |
#407a9c |
rgb(64,122,156) |
hsl(202,42%,43%) |
#386c8a |
rgb(56,108,138) |
hsl(202,42%,38%) |
#315e77 |
rgb(49,94,119) |
hsl(202,42%,33%) |
#294f65 |
rgb(41,79,101) |
hsl(202,42%,28%) |
#224153 |
rgb(34,65,83) |
hsl(202,42%,23%) |
#1b3341 |
rgb(27,51,65) |
hsl(202,42%,18%) |
#13252f |
rgb(19,37,47) |
hsl(202,42%,13%) |
#0c171d |
rgb(12,23,29) |
hsl(202,42%,8%) |
#04090b |
rgb(4,9,11) |
hsl(202,42%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#225444 |
rgb(34,84,68) |
hsl(161,42%,23%) |
#224254 |
rgb(34,66,84) |
hsl(202,42%,23%) |
#232154 |
rgb(35,33,84) |
hsl(242,44%,23%) |
Monochromatic colors
HEX |
RGB |
HSL |
#274D61 |
rgb(39,77,97) |
hsl(201,43%,27%) |
#224254 |
rgb(34,66,84) |
hsl(202,42%,23%) |
#1C3846 |
rgb(28,56,70) |
hsl(200,43%,19%) |
#172E39 |
rgb(23,46,57) |
hsl(199,43%,16%) |
#11212B |
rgb(17,33,43) |
hsl(203,43%,12%) |
#0C171E |
rgb(12,23,30) |
hsl(203,43%,8%) |
Triad color palettes
HEX |
RGB |
HSL |
#224254 |
rgb(34,66,84) |
hsl(202,42%,23%) |
#542129 |
rgb(84,33,41) |
hsl(351,44%,23%) |
#544D22 |
rgb(84,77,34) |
hsl(52,42%,23%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#224254 |
rgb(34,66,84) |
hsl(202,42%,23%) |
#543322 |
rgb(84,51,34) |
hsl(20,42%,23%) |
#22544D |
rgb(34,84,77) |
hsl(172,42%,23%) |
#544D22 |
rgb(84,77,34) |
hsl(52,42%,23%) |