HEX #224A50 color — Blue Dianne
The color #224A50 is a dark shade and moderately saturated.
Palette
224A50 color palette from light to dark
HEX |
RGB |
HSL |
#f4fafa |
rgb(244,250,250) |
hsl(188,40%,97%) |
#e2f1f3 |
rgb(226,241,243) |
hsl(188,40%,92%) |
#d1e8eb |
rgb(209,232,235) |
hsl(188,40%,87%) |
#bfdfe3 |
rgb(191,223,227) |
hsl(188,40%,82%) |
#add6dc |
rgb(173,214,220) |
hsl(188,40%,77%) |
#9bcdd4 |
rgb(155,205,212) |
hsl(188,40%,72%) |
#89c4cd |
rgb(137,196,205) |
hsl(188,40%,67%) |
#77bbc5 |
rgb(119,187,197) |
hsl(188,40%,62%) |
#65b2bd |
rgb(101,178,189) |
hsl(188,40%,57%) |
#54a9b6 |
rgb(84,169,182) |
hsl(188,40%,52%) |
#489ba8 |
rgb(72,155,168) |
hsl(188,40%,47%) |
#408b96 |
rgb(64,139,150) |
hsl(188,40%,42%) |
#397a84 |
rgb(57,122,132) |
hsl(188,40%,37%) |
#316a72 |
rgb(49,106,114) |
hsl(188,40%,32%) |
#295960 |
rgb(41,89,96) |
hsl(188,40%,27%) |
#22494f |
rgb(34,73,79) |
hsl(188,40%,22%) |
#1a383d |
rgb(26,56,61) |
hsl(188,40%,17%) |
#12282b |
rgb(18,40,43) |
hsl(188,40%,12%) |
#0b1719 |
rgb(11,23,25) |
hsl(188,40%,7%) |
#030707 |
rgb(3,7,7) |
hsl(188,40%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#224F37 |
rgb(34,79,55) |
hsl(148,40%,22%) |
#224A50 |
rgb(34,74,80) |
hsl(188,40%,22%) |
#222B50 |
rgb(34,43,80) |
hsl(228,40%,22%) |
Monochromatic colors
HEX |
RGB |
HSL |
#27575C |
rgb(39,87,92) |
hsl(186,40%,26%) |
#224A50 |
rgb(34,74,80) |
hsl(188,40%,22%) |
#1C3D43 |
rgb(28,61,67) |
hsl(189,41%,19%) |
#173336 |
rgb(23,51,54) |
hsl(186,40%,15%) |
#112629 |
rgb(17,38,41) |
hsl(188,41%,11%) |
#0C1A1C |
rgb(12,26,28) |
hsl(188,40%,8%) |
Triad color palettes
HEX |
RGB |
HSL |
#224A50 |
rgb(34,74,80) |
hsl(188,40%,22%) |
#502133 |
rgb(80,33,51) |
hsl(337,42%,22%) |
#504022 |
rgb(80,64,34) |
hsl(39,40%,22%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#224A50 |
rgb(34,74,80) |
hsl(188,40%,22%) |
#502922 |
rgb(80,41,34) |
hsl(9,40%,22%) |
#224F3F |
rgb(34,79,63) |
hsl(159,40%,22%) |
#504022 |
rgb(80,64,34) |
hsl(39,40%,22%) |