HEX #222E5A color — Cloud Burst
The color #222E5A is a dark shade and moderately saturated.
Palette
222E5A color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(227,45%,99%) |
#e9ecf7 |
rgb(233,236,247) |
hsl(227,45%,94%) |
#d6dcf0 |
rgb(214,220,240) |
hsl(227,45%,89%) |
#c4cce9 |
rgb(196,204,233) |
hsl(227,45%,84%) |
#b1bce2 |
rgb(177,188,226) |
hsl(227,45%,79%) |
#9facdb |
rgb(159,172,219) |
hsl(227,45%,74%) |
#8c9cd4 |
rgb(140,156,212) |
hsl(227,45%,69%) |
#7a8ccd |
rgb(122,140,205) |
hsl(227,45%,64%) |
#677cc5 |
rgb(103,124,197) |
hsl(227,45%,59%) |
#556cbe |
rgb(85,108,190) |
hsl(227,45%,54%) |
#455db5 |
rgb(69,93,181) |
hsl(227,45%,49%) |
#3e54a3 |
rgb(62,84,163) |
hsl(227,45%,44%) |
#374a90 |
rgb(55,74,144) |
hsl(227,45%,39%) |
#30417e |
rgb(48,65,126) |
hsl(227,45%,34%) |
#29376b |
rgb(41,55,107) |
hsl(227,45%,29%) |
#222e59 |
rgb(34,46,89) |
hsl(227,45%,24%) |
#1b2446 |
rgb(27,36,70) |
hsl(227,45%,19%) |
#141b34 |
rgb(20,27,52) |
hsl(227,45%,14%) |
#0d1121 |
rgb(13,17,33) |
hsl(227,45%,9%) |
#06080f |
rgb(6,8,15) |
hsl(227,45%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#22545A |
rgb(34,84,90) |
hsl(186,45%,24%) |
#222E5A |
rgb(34,46,90) |
hsl(227,45%,24%) |
#3B215A |
rgb(59,33,90) |
hsl(267,46%,24%) |
Monochromatic colors
HEX |
RGB |
HSL |
#273668 |
rgb(39,54,104) |
hsl(226,45%,28%) |
#222E5A |
rgb(34,46,90) |
hsl(227,45%,24%) |
#1C264B |
rgb(28,38,75) |
hsl(227,46%,20%) |
#171F3D |
rgb(23,31,61) |
hsl(227,45%,16%) |
#11172E |
rgb(17,23,46) |
hsl(228,46%,12%) |
#0C0F20 |
rgb(12,15,32) |
hsl(231,45%,9%) |
Triad color palettes
HEX |
RGB |
HSL |
#222E5A |
rgb(34,46,90) |
hsl(227,45%,24%) |
#5A3322 |
rgb(90,51,34) |
hsl(18,45%,24%) |
#4A5922 |
rgb(74,89,34) |
hsl(76,45%,24%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#222E5A |
rgb(34,46,90) |
hsl(227,45%,24%) |
#5A4F22 |
rgb(90,79,34) |
hsl(48,45%,24%) |
#224A5A |
rgb(34,74,90) |
hsl(197,45%,24%) |
#4A5922 |
rgb(74,89,34) |
hsl(76,45%,24%) |