HEX #222D5E color — Cloud Burst
The color #222d5e is a dark shade and moderately saturated.
Palette
222d5e color palette from light to dark
HEX |
RGB |
HSL |
#eceef8 |
rgb(236,238,248) |
hsl(229,47%,95%) |
#dadef1 |
rgb(218,222,241) |
hsl(229,47%,90%) |
#c7cdeb |
rgb(199,205,235) |
hsl(229,47%,85%) |
#b4bde4 |
rgb(180,189,228) |
hsl(229,47%,80%) |
#a1acdd |
rgb(161,172,221) |
hsl(229,47%,75%) |
#8f9cd6 |
rgb(143,156,214) |
hsl(229,47%,70%) |
#7c8bd0 |
rgb(124,139,208) |
hsl(229,47%,65%) |
#697bc9 |
rgb(105,123,201) |
hsl(229,47%,60%) |
#566ac2 |
rgb(86,106,194) |
hsl(229,47%,55%) |
#445abb |
rgb(68,90,187) |
hsl(229,47%,50%) |
#3d51a9 |
rgb(61,81,169) |
hsl(229,47%,45%) |
#364896 |
rgb(54,72,150) |
hsl(229,47%,40%) |
#2f3f83 |
rgb(47,63,131) |
hsl(229,47%,35%) |
#293670 |
rgb(41,54,112) |
hsl(229,47%,30%) |
#222d5e |
rgb(34,45,94) |
hsl(229,47%,25%) |
#1b244b |
rgb(27,36,75) |
hsl(229,47%,20%) |
#141b38 |
rgb(20,27,56) |
hsl(229,47%,15%) |
#0e1225 |
rgb(14,18,37) |
hsl(229,47%,10%) |
#070913 |
rgb(7,9,19) |
hsl(229,47%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#22545E |
rgb(34,84,94) |
hsl(190,47%,25%) |
#222D5E |
rgb(34,45,94) |
hsl(229,47%,25%) |
#3F215E |
rgb(63,33,94) |
hsl(270,48%,25%) |
Monochromatic colors
HEX |
RGB |
HSL |
#27336D |
rgb(39,51,109) |
hsl(230,47%,29%) |
#222D5E |
rgb(34,45,94) |
hsl(229,47%,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 |
#222D5E |
rgb(34,45,94) |
hsl(229,47%,25%) |
#5E3622 |
rgb(94,54,34) |
hsl(20,47%,25%) |
#4B5E22 |
rgb(75,94,34) |
hsl(79,47%,25%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#222D5E |
rgb(34,45,94) |
hsl(229,47%,25%) |
#5E5422 |
rgb(94,84,34) |
hsl(50,47%,25%) |
#224A5E |
rgb(34,74,94) |
hsl(200,47%,25%) |
#4B5E22 |
rgb(75,94,34) |
hsl(79,47%,25%) |