HEX #222B56 color — Cloud Burst
The color #222B56 is a dark shade and moderately saturated.
Palette
222B56 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(230,43%,99%) |
#e9ebf6 |
rgb(233,235,246) |
hsl(230,43%,94%) |
#d7dbef |
rgb(215,219,239) |
hsl(230,43%,89%) |
#c5cbe8 |
rgb(197,203,232) |
hsl(230,43%,84%) |
#b2bae0 |
rgb(178,186,224) |
hsl(230,43%,79%) |
#a0aad9 |
rgb(160,170,217) |
hsl(230,43%,74%) |
#8e99d2 |
rgb(142,153,210) |
hsl(230,43%,69%) |
#7c89cb |
rgb(124,137,203) |
hsl(230,43%,64%) |
#6978c3 |
rgb(105,120,195) |
hsl(230,43%,59%) |
#5768bc |
rgb(87,104,188) |
hsl(230,43%,54%) |
#4759b3 |
rgb(71,89,179) |
hsl(230,43%,49%) |
#4050a0 |
rgb(64,80,160) |
hsl(230,43%,44%) |
#39478e |
rgb(57,71,142) |
hsl(230,43%,39%) |
#313e7c |
rgb(49,62,124) |
hsl(230,43%,34%) |
#2a356a |
rgb(42,53,106) |
hsl(230,43%,29%) |
#232c58 |
rgb(35,44,88) |
hsl(230,43%,24%) |
#1c2345 |
rgb(28,35,69) |
hsl(230,43%,19%) |
#141933 |
rgb(20,25,51) |
hsl(230,43%,14%) |
#0d1021 |
rgb(13,16,33) |
hsl(230,43%,9%) |
#06070f |
rgb(6,7,15) |
hsl(230,43%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#224D56 |
rgb(34,77,86) |
hsl(190,43%,24%) |
#222B56 |
rgb(34,43,86) |
hsl(230,43%,24%) |
#3B2156 |
rgb(59,33,86) |
hsl(269,45%,23%) |
Monochromatic colors
HEX |
RGB |
HSL |
#273363 |
rgb(39,51,99) |
hsl(228,43%,27%) |
#222B56 |
rgb(34,43,86) |
hsl(230,43%,24%) |
#1C2448 |
rgb(28,36,72) |
hsl(229,44%,20%) |
#171C3A |
rgb(23,28,58) |
hsl(231,43%,16%) |
#11172C |
rgb(17,23,44) |
hsl(227,44%,12%) |
#0C0F1E |
rgb(12,15,30) |
hsl(230,43%,8%) |
Triad color palettes
HEX |
RGB |
HSL |
#222B56 |
rgb(34,43,86) |
hsl(230,43%,24%) |
#563322 |
rgb(86,51,34) |
hsl(20,43%,24%) |
#455722 |
rgb(69,87,34) |
hsl(80,44%,24%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#222B56 |
rgb(34,43,86) |
hsl(230,43%,24%) |
#564D22 |
rgb(86,77,34) |
hsl(50,43%,24%) |
#224556 |
rgb(34,69,86) |
hsl(200,43%,24%) |
#455722 |
rgb(69,87,34) |
hsl(80,44%,24%) |