HEX #222E5D color — Cloud Burst
The color #222e5d is a dark shade and moderately saturated.
Palette
222e5d color palette from light to dark
HEX |
RGB |
HSL |
#eceff8 |
rgb(236,239,248) |
hsl(228,46%,95%) |
#dadef1 |
rgb(218,222,241) |
hsl(228,46%,90%) |
#c7ceea |
rgb(199,206,234) |
hsl(228,46%,85%) |
#b5bee3 |
rgb(181,190,227) |
hsl(228,46%,80%) |
#a2aedd |
rgb(162,174,221) |
hsl(228,46%,75%) |
#8f9dd6 |
rgb(143,157,214) |
hsl(228,46%,70%) |
#7d8dcf |
rgb(125,141,207) |
hsl(228,46%,65%) |
#6a7dc8 |
rgb(106,125,200) |
hsl(228,46%,60%) |
#576dc1 |
rgb(87,109,193) |
hsl(228,46%,55%) |
#455cba |
rgb(69,92,186) |
hsl(228,46%,50%) |
#3e53a8 |
rgb(62,83,168) |
hsl(228,46%,45%) |
#374a95 |
rgb(55,74,149) |
hsl(228,46%,40%) |
#304182 |
rgb(48,65,130) |
hsl(228,46%,35%) |
#293770 |
rgb(41,55,112) |
hsl(228,46%,30%) |
#222e5d |
rgb(34,46,93) |
hsl(228,46%,25%) |
#1c254a |
rgb(28,37,74) |
hsl(228,46%,20%) |
#151c38 |
rgb(21,28,56) |
hsl(228,46%,15%) |
#0e1225 |
rgb(14,18,37) |
hsl(228,46%,10%) |
#070913 |
rgb(7,9,19) |
hsl(228,46%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#22545D |
rgb(34,84,93) |
hsl(189,46%,25%) |
#222E5D |
rgb(34,46,93) |
hsl(228,46%,25%) |
#3D215D |
rgb(61,33,93) |
hsl(268,48%,25%) |
Monochromatic colors
HEX |
RGB |
HSL |
#27366B |
rgb(39,54,107) |
hsl(227,47%,29%) |
#222E5D |
rgb(34,46,93) |
hsl(228,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 |
#222E5D |
rgb(34,46,93) |
hsl(228,46%,25%) |
#5D3322 |
rgb(93,51,34) |
hsl(17,46%,25%) |
#4B5C22 |
rgb(75,92,34) |
hsl(78,46%,25%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#222E5D |
rgb(34,46,93) |
hsl(228,46%,25%) |
#5D5222 |
rgb(93,82,34) |
hsl(49,46%,25%) |
#224D5D |
rgb(34,77,93) |
hsl(196,46%,25%) |
#4B5C22 |
rgb(75,92,34) |
hsl(78,46%,25%) |