HEX #222F5D color — Cloud Burst
The color #222f5d is a dark shade and moderately saturated.
Palette
222f5d color palette from light to dark
HEX |
RGB |
HSL |
#eceff8 |
rgb(236,239,248) |
hsl(227,46%,95%) |
#dadff1 |
rgb(218,223,241) |
hsl(227,46%,90%) |
#c7cfea |
rgb(199,207,234) |
hsl(227,46%,85%) |
#b5bfe3 |
rgb(181,191,227) |
hsl(227,46%,80%) |
#a2afdd |
rgb(162,175,221) |
hsl(227,46%,75%) |
#8f9fd6 |
rgb(143,159,214) |
hsl(227,46%,70%) |
#7d8ecf |
rgb(125,142,207) |
hsl(227,46%,65%) |
#6a7ec8 |
rgb(106,126,200) |
hsl(227,46%,60%) |
#576ec1 |
rgb(87,110,193) |
hsl(227,46%,55%) |
#455eba |
rgb(69,94,186) |
hsl(227,46%,50%) |
#3e55a8 |
rgb(62,85,168) |
hsl(227,46%,45%) |
#374b95 |
rgb(55,75,149) |
hsl(227,46%,40%) |
#304282 |
rgb(48,66,130) |
hsl(227,46%,35%) |
#293970 |
rgb(41,57,112) |
hsl(227,46%,30%) |
#222f5d |
rgb(34,47,93) |
hsl(227,46%,25%) |
#1c264a |
rgb(28,38,74) |
hsl(227,46%,20%) |
#151c38 |
rgb(21,28,56) |
hsl(227,46%,15%) |
#0e1325 |
rgb(14,19,37) |
hsl(227,46%,10%) |
#070913 |
rgb(7,9,19) |
hsl(227,46%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#22575D |
rgb(34,87,93) |
hsl(186,46%,25%) |
#222F5D |
rgb(34,47,93) |
hsl(227,46%,25%) |
#3C215D |
rgb(60,33,93) |
hsl(267,48%,25%) |
Monochromatic colors
HEX |
RGB |
HSL |
#27366B |
rgb(39,54,107) |
hsl(227,47%,29%) |
#222F5D |
rgb(34,47,93) |
hsl(227,46%,25%) |
#1C264E |
rgb(28,38,78) |
hsl(228,47%,21%) |
#17213F |
rgb(23,33,63) |
hsl(225,47%,17%) |
#111A30 |
rgb(17,26,48) |
hsl(223,48%,13%) |
#0C1221 |
rgb(12,18,33) |
hsl(223,47%,9%) |
Triad color palettes
HEX |
RGB |
HSL |
#222F5D |
rgb(34,47,93) |
hsl(227,46%,25%) |
#5D3322 |
rgb(93,51,34) |
hsl(17,46%,25%) |
#4C5C22 |
rgb(76,92,34) |
hsl(77,46%,25%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#222F5D |
rgb(34,47,93) |
hsl(227,46%,25%) |
#5D4F22 |
rgb(93,79,34) |
hsl(46,46%,25%) |
#224D5D |
rgb(34,77,93) |
hsl(196,46%,25%) |
#4C5C22 |
rgb(76,92,34) |
hsl(77,46%,25%) |