HEX #222C5D color — Cloud Burst
The color #222c5d is a dark shade and moderately saturated.
Palette
222c5d color palette from light to dark
HEX |
RGB |
HSL |
#eceef8 |
rgb(236,238,248) |
hsl(230,46%,95%) |
#dadef1 |
rgb(218,222,241) |
hsl(230,46%,90%) |
#c7cdea |
rgb(199,205,234) |
hsl(230,46%,85%) |
#b5bce3 |
rgb(181,188,227) |
hsl(230,46%,80%) |
#a2acdd |
rgb(162,172,221) |
hsl(230,46%,75%) |
#8f9bd6 |
rgb(143,155,214) |
hsl(230,46%,70%) |
#7d8acf |
rgb(125,138,207) |
hsl(230,46%,65%) |
#6a7ac8 |
rgb(106,122,200) |
hsl(230,46%,60%) |
#5769c1 |
rgb(87,105,193) |
hsl(230,46%,55%) |
#4558ba |
rgb(69,88,186) |
hsl(230,46%,50%) |
#3e50a8 |
rgb(62,80,168) |
hsl(230,46%,45%) |
#374795 |
rgb(55,71,149) |
hsl(230,46%,40%) |
#303e82 |
rgb(48,62,130) |
hsl(230,46%,35%) |
#293570 |
rgb(41,53,112) |
hsl(230,46%,30%) |
#222c5d |
rgb(34,44,93) |
hsl(230,46%,25%) |
#1c234a |
rgb(28,35,74) |
hsl(230,46%,20%) |
#151b38 |
rgb(21,27,56) |
hsl(230,46%,15%) |
#0e1225 |
rgb(14,18,37) |
hsl(230,46%,10%) |
#070913 |
rgb(7,9,19) |
hsl(230,46%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#22545D |
rgb(34,84,93) |
hsl(189,46%,25%) |
#222C5D |
rgb(34,44,93) |
hsl(230,46%,25%) |
#3F215D |
rgb(63,33,93) |
hsl(270,48%,25%) |
Monochromatic colors
HEX |
RGB |
HSL |
#27336B |
rgb(39,51,107) |
hsl(229,47%,29%) |
#222C5D |
rgb(34,44,93) |
hsl(230,46%,25%) |
#1C244E |
rgb(28,36,78) |
hsl(230,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 |
#222C5D |
rgb(34,44,93) |
hsl(230,46%,25%) |
#5D3622 |
rgb(93,54,34) |
hsl(20,46%,25%) |
#495C22 |
rgb(73,92,34) |
hsl(80,46%,25%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#222C5D |
rgb(34,44,93) |
hsl(230,46%,25%) |
#5D5422 |
rgb(93,84,34) |
hsl(51,46%,25%) |
#224A5D |
rgb(34,74,93) |
hsl(199,46%,25%) |
#495C22 |
rgb(73,92,34) |
hsl(80,46%,25%) |