HEX #22545D color — Blue Dianne
The color #22545D is a dark shade and moderately saturated.
Palette
22545D color palette from light to dark
HEX |
RGB |
HSL |
#ecf6f8 |
rgb(236,246,248) |
hsl(189,46%,95%) |
#daeef1 |
rgb(218,238,241) |
hsl(189,46%,90%) |
#c7e5ea |
rgb(199,229,234) |
hsl(189,46%,85%) |
#b5dce3 |
rgb(181,220,227) |
hsl(189,46%,80%) |
#a2d4dd |
rgb(162,212,221) |
hsl(189,46%,75%) |
#8fcbd6 |
rgb(143,203,214) |
hsl(189,46%,70%) |
#7dc2cf |
rgb(125,194,207) |
hsl(189,46%,65%) |
#6abac8 |
rgb(106,186,200) |
hsl(189,46%,60%) |
#57b1c1 |
rgb(87,177,193) |
hsl(189,46%,55%) |
#45a9ba |
rgb(69,169,186) |
hsl(189,46%,50%) |
#3e98a8 |
rgb(62,152,168) |
hsl(189,46%,45%) |
#378795 |
rgb(55,135,149) |
hsl(189,46%,40%) |
#307682 |
rgb(48,118,130) |
hsl(189,46%,35%) |
#296570 |
rgb(41,101,112) |
hsl(189,46%,30%) |
#22545d |
rgb(34,84,93) |
hsl(189,46%,25%) |
#1c434a |
rgb(28,67,74) |
hsl(189,46%,20%) |
#153338 |
rgb(21,51,56) |
hsl(189,46%,15%) |
#0e2225 |
rgb(14,34,37) |
hsl(189,46%,10%) |
#071113 |
rgb(7,17,19) |
hsl(189,46%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#225C3E |
rgb(34,92,62) |
hsl(149,46%,25%) |
#22545D |
rgb(34,84,93) |
hsl(189,46%,25%) |
#222E5D |
rgb(34,46,93) |
hsl(228,46%,25%) |
Monochromatic colors
HEX |
RGB |
HSL |
#27616B |
rgb(39,97,107) |
hsl(189,47%,29%) |
#22545D |
rgb(34,84,93) |
hsl(189,46%,25%) |
#1C474E |
rgb(28,71,78) |
hsl(188,47%,21%) |
#17383F |
rgb(23,56,63) |
hsl(191,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 |
#22545D |
rgb(34,84,93) |
hsl(189,46%,25%) |
#5D2136 |
rgb(93,33,54) |
hsl(339,48%,25%) |
#5D4722 |
rgb(93,71,34) |
hsl(38,46%,25%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#22545D |
rgb(34,84,93) |
hsl(189,46%,25%) |
#5D2B22 |
rgb(93,43,34) |
hsl(9,46%,25%) |
#225C48 |
rgb(34,92,72) |
hsl(159,46%,25%) |
#5D4722 |
rgb(93,71,34) |
hsl(38,46%,25%) |