HEX #222D5D color — Cloud Burst
The color #222d5d is a dark shade and moderately saturated.
Palette
222d5d color palette from light to dark
HEX |
RGB |
HSL |
#eceff8 |
rgb(236,239,248) |
hsl(229,46%,95%) |
#dadef1 |
rgb(218,222,241) |
hsl(229,46%,90%) |
#c7ceea |
rgb(199,206,234) |
hsl(229,46%,85%) |
#b5bde3 |
rgb(181,189,227) |
hsl(229,46%,80%) |
#a2addd |
rgb(162,173,221) |
hsl(229,46%,75%) |
#8f9cd6 |
rgb(143,156,214) |
hsl(229,46%,70%) |
#7d8ccf |
rgb(125,140,207) |
hsl(229,46%,65%) |
#6a7bc8 |
rgb(106,123,200) |
hsl(229,46%,60%) |
#576bc1 |
rgb(87,107,193) |
hsl(229,46%,55%) |
#455aba |
rgb(69,90,186) |
hsl(229,46%,50%) |
#3e51a8 |
rgb(62,81,168) |
hsl(229,46%,45%) |
#374895 |
rgb(55,72,149) |
hsl(229,46%,40%) |
#303f82 |
rgb(48,63,130) |
hsl(229,46%,35%) |
#293670 |
rgb(41,54,112) |
hsl(229,46%,30%) |
#222d5d |
rgb(34,45,93) |
hsl(229,46%,25%) |
#1c244a |
rgb(28,36,74) |
hsl(229,46%,20%) |
#151b38 |
rgb(21,27,56) |
hsl(229,46%,15%) |
#0e1225 |
rgb(14,18,37) |
hsl(229,46%,10%) |
#070913 |
rgb(7,9,19) |
hsl(229,46%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#22545D |
rgb(34,84,93) |
hsl(189,46%,25%) |
#222D5D |
rgb(34,45,93) |
hsl(229,46%,25%) |
#3E215D |
rgb(62,33,93) |
hsl(269,48%,25%) |
Monochromatic colors
HEX |
RGB |
HSL |
#27336B |
rgb(39,51,107) |
hsl(229,47%,29%) |
#222D5D |
rgb(34,45,93) |
hsl(229,46%,25%) |
#1C264E |
rgb(28,38,78) |
hsl(228,47%,21%) |
#171F3F |
rgb(23,31,63) |
hsl(228,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 |
#222D5D |
rgb(34,45,93) |
hsl(229,46%,25%) |
#5D3622 |
rgb(93,54,34) |
hsl(20,46%,25%) |
#4A5C22 |
rgb(74,92,34) |
hsl(79,46%,25%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#222D5D |
rgb(34,45,93) |
hsl(229,46%,25%) |
#5D5222 |
rgb(93,82,34) |
hsl(49,46%,25%) |
#224A5D |
rgb(34,74,93) |
hsl(199,46%,25%) |
#4A5C22 |
rgb(74,92,34) |
hsl(79,46%,25%) |