HEX #22285D color — Cloud Burst
The color #22285D is a dark shade and moderately saturated.
Palette
22285D color palette from light to dark
HEX |
RGB |
HSL |
#eceef8 |
rgb(236,238,248) |
hsl(234,46%,95%) |
#dadcf1 |
rgb(218,220,241) |
hsl(234,46%,90%) |
#c7cbea |
rgb(199,203,234) |
hsl(234,46%,85%) |
#b5b9e3 |
rgb(181,185,227) |
hsl(234,46%,80%) |
#a2a8dd |
rgb(162,168,221) |
hsl(234,46%,75%) |
#8f96d6 |
rgb(143,150,214) |
hsl(234,46%,70%) |
#7d85cf |
rgb(125,133,207) |
hsl(234,46%,65%) |
#6a73c8 |
rgb(106,115,200) |
hsl(234,46%,60%) |
#5762c1 |
rgb(87,98,193) |
hsl(234,46%,55%) |
#4551ba |
rgb(69,81,186) |
hsl(234,46%,50%) |
#3e49a8 |
rgb(62,73,168) |
hsl(234,46%,45%) |
#374095 |
rgb(55,64,149) |
hsl(234,46%,40%) |
#303882 |
rgb(48,56,130) |
hsl(234,46%,35%) |
#293070 |
rgb(41,48,112) |
hsl(234,46%,30%) |
#22285d |
rgb(34,40,93) |
hsl(234,46%,25%) |
#1c204a |
rgb(28,32,74) |
hsl(234,46%,20%) |
#151838 |
rgb(21,24,56) |
hsl(234,46%,15%) |
#0e1025 |
rgb(14,16,37) |
hsl(234,46%,10%) |
#070813 |
rgb(7,8,19) |
hsl(234,46%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#224F5D |
rgb(34,79,93) |
hsl(194,46%,25%) |
#22285D |
rgb(34,40,93) |
hsl(234,46%,25%) |
#43215D |
rgb(67,33,93) |
hsl(274,48%,25%) |
Monochromatic colors
HEX |
RGB |
HSL |
#272E6B |
rgb(39,46,107) |
hsl(234,47%,29%) |
#22285D |
rgb(34,40,93) |
hsl(234,46%,25%) |
#1C214E |
rgb(28,33,78) |
hsl(234,47%,21%) |
#171C3F |
rgb(23,28,63) |
hsl(233,47%,17%) |
#111430 |
rgb(17,20,48) |
hsl(234,48%,13%) |
#0C0F21 |
rgb(12,15,33) |
hsl(231,47%,9%) |
Triad color palettes
HEX |
RGB |
HSL |
#22285D |
rgb(34,40,93) |
hsl(234,46%,25%) |
#5D3B22 |
rgb(93,59,34) |
hsl(25,46%,25%) |
#455C22 |
rgb(69,92,34) |
hsl(84,46%,25%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#22285D |
rgb(34,40,93) |
hsl(234,46%,25%) |
#5D5722 |
rgb(93,87,34) |
hsl(54,46%,25%) |
#22455D |
rgb(34,69,93) |
hsl(204,46%,25%) |
#455C22 |
rgb(69,92,34) |
hsl(84,46%,25%) |