HEX #224559 color — Blue Dianne
The color #224559 is a dark shade and moderately saturated.
Palette
224559 color palette from light to dark
HEX |
RGB |
HSL |
#fbfdfe |
rgb(251,253,254) |
hsl(202,45%,99%) |
#e9f2f7 |
rgb(233,242,247) |
hsl(202,45%,94%) |
#d6e6f0 |
rgb(214,230,240) |
hsl(202,45%,89%) |
#c4dbe9 |
rgb(196,219,233) |
hsl(202,45%,84%) |
#b1d0e2 |
rgb(177,208,226) |
hsl(202,45%,79%) |
#9fc5db |
rgb(159,197,219) |
hsl(202,45%,74%) |
#8cb9d4 |
rgb(140,185,212) |
hsl(202,45%,69%) |
#7aaecd |
rgb(122,174,205) |
hsl(202,45%,64%) |
#67a3c5 |
rgb(103,163,197) |
hsl(202,45%,59%) |
#5598be |
rgb(85,152,190) |
hsl(202,45%,54%) |
#458cb5 |
rgb(69,140,181) |
hsl(202,45%,49%) |
#3e7ea3 |
rgb(62,126,163) |
hsl(202,45%,44%) |
#376f90 |
rgb(55,111,144) |
hsl(202,45%,39%) |
#30617e |
rgb(48,97,126) |
hsl(202,45%,34%) |
#29536b |
rgb(41,83,107) |
hsl(202,45%,29%) |
#224559 |
rgb(34,69,89) |
hsl(202,45%,24%) |
#1b3646 |
rgb(27,54,70) |
hsl(202,45%,19%) |
#142834 |
rgb(20,40,52) |
hsl(202,45%,14%) |
#0d1a21 |
rgb(13,26,33) |
hsl(202,45%,9%) |
#060b0f |
rgb(6,11,15) |
hsl(202,45%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#225948 |
rgb(34,89,72) |
hsl(161,45%,24%) |
#224559 |
rgb(34,69,89) |
hsl(202,45%,24%) |
#232159 |
rgb(35,33,89) |
hsl(242,46%,24%) |
Monochromatic colors
HEX |
RGB |
HSL |
#274F67 |
rgb(39,79,103) |
hsl(203,45%,28%) |
#224559 |
rgb(34,69,89) |
hsl(202,45%,24%) |
#1C3B4A |
rgb(28,59,74) |
hsl(200,45%,20%) |
#172E3C |
rgb(23,46,60) |
hsl(203,45%,16%) |
#11242E |
rgb(17,36,46) |
hsl(201,46%,12%) |
#0C1A20 |
rgb(12,26,32) |
hsl(198,45%,9%) |
Triad color palettes
HEX |
RGB |
HSL |
#224559 |
rgb(34,69,89) |
hsl(202,45%,24%) |
#592129 |
rgb(89,33,41) |
hsl(351,46%,24%) |
#595222 |
rgb(89,82,34) |
hsl(52,45%,24%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#224559 |
rgb(34,69,89) |
hsl(202,45%,24%) |
#593622 |
rgb(89,54,34) |
hsl(22,45%,24%) |
#225951 |
rgb(34,89,81) |
hsl(171,45%,24%) |
#595222 |
rgb(89,82,34) |
hsl(52,45%,24%) |