HEX #22545C color — Blue Dianne
The color #22545C is a dark shade and moderately saturated.
Palette
22545C color palette from light to dark
| HEX |
RGB |
HSL |
| #ecf7f8 |
rgb(236,247,248) |
hsl(188,46%,95%) |
| #daeef1 |
rgb(218,238,241) |
hsl(188,46%,90%) |
| #c7e6ea |
rgb(199,230,234) |
hsl(188,46%,85%) |
| #b5dde3 |
rgb(181,221,227) |
hsl(188,46%,80%) |
| #a2d5dd |
rgb(162,213,221) |
hsl(188,46%,75%) |
| #8fccd6 |
rgb(143,204,214) |
hsl(188,46%,70%) |
| #7dc4cf |
rgb(125,196,207) |
hsl(188,46%,65%) |
| #6abbc8 |
rgb(106,187,200) |
hsl(188,46%,60%) |
| #57b3c1 |
rgb(87,179,193) |
hsl(188,46%,55%) |
| #45abba |
rgb(69,171,186) |
hsl(188,46%,50%) |
| #3e99a8 |
rgb(62,153,168) |
hsl(188,46%,45%) |
| #378895 |
rgb(55,136,149) |
hsl(188,46%,40%) |
| #307782 |
rgb(48,119,130) |
hsl(188,46%,35%) |
| #296670 |
rgb(41,102,112) |
hsl(188,46%,30%) |
| #22555d |
rgb(34,85,93) |
hsl(188,46%,25%) |
| #1c444a |
rgb(28,68,74) |
hsl(188,46%,20%) |
| #153338 |
rgb(21,51,56) |
hsl(188,46%,15%) |
| #0e2225 |
rgb(14,34,37) |
hsl(188,46%,10%) |
| #071113 |
rgb(7,17,19) |
hsl(188,46%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #225C3D |
rgb(34,92,61) |
hsl(148,46%,25%) |
| #22545C |
rgb(34,84,92) |
hsl(188,46%,25%) |
| #222E5C |
rgb(34,46,92) |
hsl(228,46%,25%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #27616A |
rgb(39,97,106) |
hsl(188,46%,28%) |
| #22545C |
rgb(34,84,92) |
hsl(188,46%,25%) |
| #1C474D |
rgb(28,71,77) |
hsl(187,47%,21%) |
| #17383E |
rgb(23,56,62) |
hsl(189,46%,17%) |
| #112B2F |
rgb(17,43,47) |
hsl(188,47%,13%) |
| #0C1F21 |
rgb(12,31,33) |
hsl(186,47%,9%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #22545C |
rgb(34,84,92) |
hsl(188,46%,25%) |
| #5C2137 |
rgb(92,33,55) |
hsl(338,47%,25%) |
| #5C4722 |
rgb(92,71,34) |
hsl(38,46%,25%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #22545C |
rgb(34,84,92) |
hsl(188,46%,25%) |
| #5C2922 |
rgb(92,41,34) |
hsl(7,46%,25%) |
| #225C47 |
rgb(34,92,71) |
hsl(158,46%,25%) |
| #5C4722 |
rgb(92,71,34) |
hsl(38,46%,25%) |
