HEX #222A5D color — Cloud Burst
The color #222a5d is a dark shade and moderately saturated.
Palette
222a5d color palette from light to dark
HEX |
RGB |
HSL |
#eceef8 |
rgb(236,238,248) |
hsl(232,46%,95%) |
#daddf1 |
rgb(218,221,241) |
hsl(232,46%,90%) |
#c7ccea |
rgb(199,204,234) |
hsl(232,46%,85%) |
#b5bbe3 |
rgb(181,187,227) |
hsl(232,46%,80%) |
#a2aadd |
rgb(162,170,221) |
hsl(232,46%,75%) |
#8f99d6 |
rgb(143,153,214) |
hsl(232,46%,70%) |
#7d88cf |
rgb(125,136,207) |
hsl(232,46%,65%) |
#6a77c8 |
rgb(106,119,200) |
hsl(232,46%,60%) |
#5766c1 |
rgb(87,102,193) |
hsl(232,46%,55%) |
#4554ba |
rgb(69,84,186) |
hsl(232,46%,50%) |
#3e4ca8 |
rgb(62,76,168) |
hsl(232,46%,45%) |
#374495 |
rgb(55,68,149) |
hsl(232,46%,40%) |
#303b82 |
rgb(48,59,130) |
hsl(232,46%,35%) |
#293370 |
rgb(41,51,112) |
hsl(232,46%,30%) |
#222a5d |
rgb(34,42,93) |
hsl(232,46%,25%) |
#1c224a |
rgb(28,34,74) |
hsl(232,46%,20%) |
#151938 |
rgb(21,25,56) |
hsl(232,46%,15%) |
#0e1125 |
rgb(14,17,37) |
hsl(232,46%,10%) |
#070813 |
rgb(7,8,19) |
hsl(232,46%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#22525D |
rgb(34,82,93) |
hsl(191,46%,25%) |
#222A5D |
rgb(34,42,93) |
hsl(232,46%,25%) |
#41215D |
rgb(65,33,93) |
hsl(272,48%,25%) |
Monochromatic colors
HEX |
RGB |
HSL |
#27306B |
rgb(39,48,107) |
hsl(232,47%,29%) |
#222A5D |
rgb(34,42,93) |
hsl(232,46%,25%) |
#1C244E |
rgb(28,36,78) |
hsl(230,47%,21%) |
#171C3F |
rgb(23,28,63) |
hsl(233,47%,17%) |
#111730 |
rgb(17,23,48) |
hsl(228,48%,13%) |
#0C0F21 |
rgb(12,15,33) |
hsl(231,47%,9%) |
Triad color palettes
HEX |
RGB |
HSL |
#222A5D |
rgb(34,42,93) |
hsl(232,46%,25%) |
#5D3822 |
rgb(93,56,34) |
hsl(22,46%,25%) |
#475C22 |
rgb(71,92,34) |
hsl(82,46%,25%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#222A5D |
rgb(34,42,93) |
hsl(232,46%,25%) |
#5D5422 |
rgb(93,84,34) |
hsl(51,46%,25%) |
#22475D |
rgb(34,71,93) |
hsl(202,46%,25%) |
#475C22 |
rgb(71,92,34) |
hsl(82,46%,25%) |