HEX #22555D color — Blue Dianne
The color #22555d is a dark shade and moderately saturated.
Palette
22555d 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%) |
#22555D |
rgb(34,85,93) |
hsl(188,46%,25%) |
#222E5D |
rgb(34,46,93) |
hsl(228,46%,25%) |
Monochromatic colors
HEX |
RGB |
HSL |
#27636B |
rgb(39,99,107) |
hsl(187,47%,29%) |
#22555D |
rgb(34,85,93) |
hsl(188,46%,25%) |
#1C474E |
rgb(28,71,78) |
hsl(188,47%,21%) |
#173B3F |
rgb(23,59,63) |
hsl(186,47%,17%) |
#112B30 |
rgb(17,43,48) |
hsl(190,48%,13%) |
#0C1F21 |
rgb(12,31,33) |
hsl(186,47%,9%) |
Triad color palettes
HEX |
RGB |
HSL |
#22555D |
rgb(34,85,93) |
hsl(188,46%,25%) |
#5D2137 |
rgb(93,33,55) |
hsl(338,48%,25%) |
#5D4722 |
rgb(93,71,34) |
hsl(38,46%,25%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#22555D |
rgb(34,85,93) |
hsl(188,46%,25%) |
#5D2922 |
rgb(93,41,34) |
hsl(7,46%,25%) |
#225C47 |
rgb(34,92,71) |
hsl(158,46%,25%) |
#5D4722 |
rgb(93,71,34) |
hsl(38,46%,25%) |