HEX #22475C color — Blue Dianne
The color #22475C is a dark shade and moderately saturated.
Palette
22475C color palette from light to dark
HEX |
RGB |
HSL |
#ecf4f8 |
rgb(236,244,248) |
hsl(202,46%,95%) |
#dae9f1 |
rgb(218,233,241) |
hsl(202,46%,90%) |
#c7ddea |
rgb(199,221,234) |
hsl(202,46%,85%) |
#b5d2e3 |
rgb(181,210,227) |
hsl(202,46%,80%) |
#a2c7dd |
rgb(162,199,221) |
hsl(202,46%,75%) |
#8fbcd6 |
rgb(143,188,214) |
hsl(202,46%,70%) |
#7db1cf |
rgb(125,177,207) |
hsl(202,46%,65%) |
#6aa6c8 |
rgb(106,166,200) |
hsl(202,46%,60%) |
#579ac1 |
rgb(87,154,193) |
hsl(202,46%,55%) |
#458fba |
rgb(69,143,186) |
hsl(202,46%,50%) |
#3e81a8 |
rgb(62,129,168) |
hsl(202,46%,45%) |
#377395 |
rgb(55,115,149) |
hsl(202,46%,40%) |
#306482 |
rgb(48,100,130) |
hsl(202,46%,35%) |
#295670 |
rgb(41,86,112) |
hsl(202,46%,30%) |
#22485d |
rgb(34,72,93) |
hsl(202,46%,25%) |
#1c394a |
rgb(28,57,74) |
hsl(202,46%,20%) |
#152b38 |
rgb(21,43,56) |
hsl(202,46%,15%) |
#0e1d25 |
rgb(14,29,37) |
hsl(202,46%,10%) |
#070e13 |
rgb(7,14,19) |
hsl(202,46%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#225C4A |
rgb(34,92,74) |
hsl(161,46%,25%) |
#22475C |
rgb(34,71,92) |
hsl(202,46%,25%) |
#23215C |
rgb(35,33,92) |
hsl(242,47%,25%) |
Monochromatic colors
HEX |
RGB |
HSL |
#27526A |
rgb(39,82,106) |
hsl(201,46%,28%) |
#22475C |
rgb(34,71,92) |
hsl(202,46%,25%) |
#1C3B4D |
rgb(28,59,77) |
hsl(202,47%,21%) |
#17303E |
rgb(23,48,62) |
hsl(202,46%,17%) |
#11242F |
rgb(17,36,47) |
hsl(202,47%,13%) |
#0C1A21 |
rgb(12,26,33) |
hsl(200,47%,9%) |
Triad color palettes
HEX |
RGB |
HSL |
#22475C |
rgb(34,71,92) |
hsl(202,46%,25%) |
#5C212A |
rgb(92,33,42) |
hsl(351,47%,25%) |
#5C5422 |
rgb(92,84,34) |
hsl(52,46%,25%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#22475C |
rgb(34,71,92) |
hsl(202,46%,25%) |
#5C3822 |
rgb(92,56,34) |
hsl(23,46%,25%) |
#225C54 |
rgb(34,92,84) |
hsl(172,46%,25%) |
#5C5422 |
rgb(92,84,34) |
hsl(52,46%,25%) |