HEX #224558 color — Blue Dianne
The color #224558 is a dark shade and moderately saturated.
Palette
224558 color palette from light to dark
| HEX |
RGB |
HSL |
| #fbfdfe |
rgb(251,253,254) |
hsl(201,44%,99%) |
| #e9f2f6 |
rgb(233,242,246) |
hsl(201,44%,94%) |
| #d7e7ef |
rgb(215,231,239) |
hsl(201,44%,89%) |
| #c4dce8 |
rgb(196,220,232) |
hsl(201,44%,84%) |
| #b2d1e1 |
rgb(178,209,225) |
hsl(201,44%,79%) |
| #a0c5da |
rgb(160,197,218) |
hsl(201,44%,74%) |
| #8dbad3 |
rgb(141,186,211) |
hsl(201,44%,69%) |
| #7bafcc |
rgb(123,175,204) |
hsl(201,44%,64%) |
| #68a4c4 |
rgb(104,164,196) |
hsl(201,44%,59%) |
| #5699bd |
rgb(86,153,189) |
hsl(201,44%,54%) |
| #468db4 |
rgb(70,141,180) |
hsl(201,44%,49%) |
| #3f7fa2 |
rgb(63,127,162) |
hsl(201,44%,44%) |
| #38718f |
rgb(56,113,143) |
hsl(201,44%,39%) |
| #31627d |
rgb(49,98,125) |
hsl(201,44%,34%) |
| #29546a |
rgb(41,84,106) |
hsl(201,44%,29%) |
| #224558 |
rgb(34,69,88) |
hsl(201,44%,24%) |
| #1b3746 |
rgb(27,55,70) |
hsl(201,44%,19%) |
| #142833 |
rgb(20,40,51) |
hsl(201,44%,14%) |
| #0d1a21 |
rgb(13,26,33) |
hsl(201,44%,9%) |
| #060c0f |
rgb(6,12,15) |
hsl(201,44%,4%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #225947 |
rgb(34,89,71) |
hsl(160,45%,24%) |
| #224558 |
rgb(34,69,88) |
hsl(201,44%,24%) |
| #232158 |
rgb(35,33,88) |
hsl(242,45%,24%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #274F66 |
rgb(39,79,102) |
hsl(202,45%,28%) |
| #224558 |
rgb(34,69,88) |
hsl(201,44%,24%) |
| #1C3B49 |
rgb(28,59,73) |
hsl(199,45%,20%) |
| #172E3B |
rgb(23,46,59) |
hsl(202,44%,16%) |
| #11242D |
rgb(17,36,45) |
hsl(199,45%,12%) |
| #0C1A1F |
rgb(12,26,31) |
hsl(196,44%,8%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #224558 |
rgb(34,69,88) |
hsl(201,44%,24%) |
| #58212A |
rgb(88,33,42) |
hsl(350,45%,24%) |
| #584F22 |
rgb(88,79,34) |
hsl(50,44%,24%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #224558 |
rgb(34,69,88) |
hsl(201,44%,24%) |
| #583622 |
rgb(88,54,34) |
hsl(22,44%,24%) |
| #225950 |
rgb(34,89,80) |
hsl(170,45%,24%) |
| #584F22 |
rgb(88,79,34) |
hsl(50,44%,24%) |
