HEX #224A55 color — Blue Dianne
The color #224A55 is a dark shade and moderately saturated.
Palette
224A55 color palette from light to dark
HEX |
RGB |
HSL |
#f8fbfc |
rgb(248,251,252) |
hsl(193,43%,98%) |
#e5f1f5 |
rgb(229,241,245) |
hsl(193,43%,93%) |
#d3e8ee |
rgb(211,232,238) |
hsl(193,43%,88%) |
#c1dee6 |
rgb(193,222,230) |
hsl(193,43%,83%) |
#afd5df |
rgb(175,213,223) |
hsl(193,43%,78%) |
#9dcbd8 |
rgb(157,203,216) |
hsl(193,43%,73%) |
#8ac1d0 |
rgb(138,193,208) |
hsl(193,43%,68%) |
#78b8c9 |
rgb(120,184,201) |
hsl(193,43%,63%) |
#66aec2 |
rgb(102,174,194) |
hsl(193,43%,58%) |
#54a4bb |
rgb(84,164,187) |
hsl(193,43%,53%) |
#4698af |
rgb(70,152,175) |
hsl(193,43%,48%) |
#3f889d |
rgb(63,136,157) |
hsl(193,43%,43%) |
#37798b |
rgb(55,121,139) |
hsl(193,43%,38%) |
#306978 |
rgb(48,105,120) |
hsl(193,43%,33%) |
#295966 |
rgb(41,89,102) |
hsl(193,43%,28%) |
#214954 |
rgb(33,73,84) |
hsl(193,43%,23%) |
#1a3942 |
rgb(26,57,66) |
hsl(193,43%,18%) |
#13292f |
rgb(19,41,47) |
hsl(193,43%,13%) |
#0c191d |
rgb(12,25,29) |
hsl(193,43%,8%) |
#040a0b |
rgb(4,10,11) |
hsl(193,43%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#22543E |
rgb(34,84,62) |
hsl(154,42%,23%) |
#224A55 |
rgb(34,74,85) |
hsl(193,43%,23%) |
#222955 |
rgb(34,41,85) |
hsl(232,43%,23%) |
Monochromatic colors
HEX |
RGB |
HSL |
#275762 |
rgb(39,87,98) |
hsl(191,43%,27%) |
#224A55 |
rgb(34,74,85) |
hsl(193,43%,23%) |
#1C3D47 |
rgb(28,61,71) |
hsl(194,43%,19%) |
#173339 |
rgb(23,51,57) |
hsl(191,43%,16%) |
#11262C |
rgb(17,38,44) |
hsl(193,44%,12%) |
#0C1A1E |
rgb(12,26,30) |
hsl(193,43%,8%) |
Triad color palettes
HEX |
RGB |
HSL |
#224A55 |
rgb(34,74,85) |
hsl(193,43%,23%) |
#552130 |
rgb(85,33,48) |
hsl(343,44%,23%) |
#554722 |
rgb(85,71,34) |
hsl(44,43%,23%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#224A55 |
rgb(34,74,85) |
hsl(193,43%,23%) |
#552E22 |
rgb(85,46,34) |
hsl(14,43%,23%) |
#225446 |
rgb(34,84,70) |
hsl(163,42%,23%) |
#554722 |
rgb(85,71,34) |
hsl(44,43%,23%) |