HEX #224A78 color — Bay of Many
The color #224A78 is a dark shade and moderately saturated.
Palette
224A78 color palette from light to dark
HEX |
RGB |
HSL |
#ebf2f9 |
rgb(235,242,249) |
hsl(212,56%,95%) |
#d7e5f4 |
rgb(215,229,244) |
hsl(212,56%,90%) |
#c3d7ee |
rgb(195,215,238) |
hsl(212,56%,85%) |
#afcae9 |
rgb(175,202,233) |
hsl(212,56%,80%) |
#9cbde3 |
rgb(156,189,227) |
hsl(212,56%,75%) |
#88b0dd |
rgb(136,176,221) |
hsl(212,56%,70%) |
#74a2d8 |
rgb(116,162,216) |
hsl(212,56%,65%) |
#6095d2 |
rgb(96,149,210) |
hsl(212,56%,60%) |
#4c88cd |
rgb(76,136,205) |
hsl(212,56%,55%) |
#387bc7 |
rgb(56,123,199) |
hsl(212,56%,50%) |
#326eb3 |
rgb(50,110,179) |
hsl(212,56%,45%) |
#2d629f |
rgb(45,98,159) |
hsl(212,56%,40%) |
#27568b |
rgb(39,86,139) |
hsl(212,56%,35%) |
#224a77 |
rgb(34,74,119) |
hsl(212,56%,30%) |
#1c3d63 |
rgb(28,61,99) |
hsl(212,56%,25%) |
#163150 |
rgb(22,49,80) |
hsl(212,56%,20%) |
#11253c |
rgb(17,37,60) |
hsl(212,56%,15%) |
#0b1928 |
rgb(11,25,40) |
hsl(212,56%,10%) |
#060c14 |
rgb(6,12,20) |
hsl(212,56%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#22786C |
rgb(34,120,108) |
hsl(172,56%,30%) |
#224A78 |
rgb(34,74,120) |
hsl(212,56%,30%) |
#332178 |
rgb(51,33,120) |
hsl(252,57%,30%) |
Monochromatic colors
HEX |
RGB |
HSL |
#27578B |
rgb(39,87,139) |
hsl(211,56%,35%) |
#224A78 |
rgb(34,74,120) |
hsl(212,56%,30%) |
#1C3D64 |
rgb(28,61,100) |
hsl(213,56%,25%) |
#173351 |
rgb(23,51,81) |
hsl(211,56%,20%) |
#11263E |
rgb(17,38,62) |
hsl(212,57%,15%) |
#0C1A2B |
rgb(12,26,43) |
hsl(213,56%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#224A78 |
rgb(34,74,120) |
hsl(212,56%,30%) |
#782622 |
rgb(120,38,34) |
hsl(3,56%,30%) |
#757822 |
rgb(117,120,34) |
hsl(62,56%,30%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#224A78 |
rgb(34,74,120) |
hsl(212,56%,30%) |
#784F22 |
rgb(120,79,34) |
hsl(31,56%,30%) |
#227578 |
rgb(34,117,120) |
hsl(182,56%,30%) |
#757822 |
rgb(117,120,34) |
hsl(62,56%,30%) |