HEX #222F59 color — Cloud Burst
The color #222f59 is a dark shade and moderately saturated.
Palette
222f59 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(226,45%,99%) |
#e9ecf7 |
rgb(233,236,247) |
hsl(226,45%,94%) |
#d6dcf0 |
rgb(214,220,240) |
hsl(226,45%,89%) |
#c4cce9 |
rgb(196,204,233) |
hsl(226,45%,84%) |
#b1bde2 |
rgb(177,189,226) |
hsl(226,45%,79%) |
#9faddb |
rgb(159,173,219) |
hsl(226,45%,74%) |
#8c9dd4 |
rgb(140,157,212) |
hsl(226,45%,69%) |
#7a8dcd |
rgb(122,141,205) |
hsl(226,45%,64%) |
#677dc5 |
rgb(103,125,197) |
hsl(226,45%,59%) |
#556ebe |
rgb(85,110,190) |
hsl(226,45%,54%) |
#455fb5 |
rgb(69,95,181) |
hsl(226,45%,49%) |
#3e55a3 |
rgb(62,85,163) |
hsl(226,45%,44%) |
#374c90 |
rgb(55,76,144) |
hsl(226,45%,39%) |
#30427e |
rgb(48,66,126) |
hsl(226,45%,34%) |
#29386b |
rgb(41,56,107) |
hsl(226,45%,29%) |
#222f59 |
rgb(34,47,89) |
hsl(226,45%,24%) |
#1b2546 |
rgb(27,37,70) |
hsl(226,45%,19%) |
#141b34 |
rgb(20,27,52) |
hsl(226,45%,14%) |
#0d1121 |
rgb(13,17,33) |
hsl(226,45%,9%) |
#06080f |
rgb(6,8,15) |
hsl(226,45%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#225459 |
rgb(34,84,89) |
hsl(185,45%,24%) |
#222F59 |
rgb(34,47,89) |
hsl(226,45%,24%) |
#392159 |
rgb(57,33,89) |
hsl(266,46%,24%) |
Monochromatic colors
HEX |
RGB |
HSL |
#273667 |
rgb(39,54,103) |
hsl(226,45%,28%) |
#222F59 |
rgb(34,47,89) |
hsl(226,45%,24%) |
#1C264A |
rgb(28,38,74) |
hsl(227,45%,20%) |
#17213C |
rgb(23,33,60) |
hsl(224,45%,16%) |
#111A2E |
rgb(17,26,46) |
hsl(221,46%,12%) |
#0C1220 |
rgb(12,18,32) |
hsl(222,45%,9%) |
Triad color palettes
HEX |
RGB |
HSL |
#222F59 |
rgb(34,47,89) |
hsl(226,45%,24%) |
#593022 |
rgb(89,48,34) |
hsl(15,45%,24%) |
#4A5922 |
rgb(74,89,34) |
hsl(76,45%,24%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#222F59 |
rgb(34,47,89) |
hsl(226,45%,24%) |
#594D22 |
rgb(89,77,34) |
hsl(47,45%,24%) |
#224A59 |
rgb(34,74,89) |
hsl(196,45%,24%) |
#4A5922 |
rgb(74,89,34) |
hsl(76,45%,24%) |