HEX #222E4E color — Cloud Burst
The color #222E4E is a dark shade and moderately saturated.
Palette
222E4E color palette from light to dark
HEX |
RGB |
HSL |
#f4f6fa |
rgb(244,246,250) |
hsl(224,39%,97%) |
#e3e7f3 |
rgb(227,231,243) |
hsl(224,39%,92%) |
#d1d8eb |
rgb(209,216,235) |
hsl(224,39%,87%) |
#bfc9e3 |
rgb(191,201,227) |
hsl(224,39%,82%) |
#adbadb |
rgb(173,186,219) |
hsl(224,39%,77%) |
#9cabd3 |
rgb(156,171,211) |
hsl(224,39%,72%) |
#8a9ccc |
rgb(138,156,204) |
hsl(224,39%,67%) |
#788cc4 |
rgb(120,140,196) |
hsl(224,39%,62%) |
#677dbc |
rgb(103,125,188) |
hsl(224,39%,57%) |
#556eb4 |
rgb(85,110,180) |
hsl(224,39%,52%) |
#4962a7 |
rgb(73,98,167) |
hsl(224,39%,47%) |
#415895 |
rgb(65,88,149) |
hsl(224,39%,42%) |
#3a4d83 |
rgb(58,77,131) |
hsl(224,39%,37%) |
#324371 |
rgb(50,67,113) |
hsl(224,39%,32%) |
#2a3860 |
rgb(42,56,96) |
hsl(224,39%,27%) |
#222e4e |
rgb(34,46,78) |
hsl(224,39%,22%) |
#1a233c |
rgb(26,35,60) |
hsl(224,39%,17%) |
#13192b |
rgb(19,25,43) |
hsl(224,39%,12%) |
#0b0f19 |
rgb(11,15,25) |
hsl(224,39%,7%) |
#030407 |
rgb(3,4,7) |
hsl(224,39%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#224D4E |
rgb(34,77,78) |
hsl(181,39%,22%) |
#222E4E |
rgb(34,46,78) |
hsl(224,39%,22%) |
#33214E |
rgb(51,33,78) |
hsl(264,41%,22%) |
Monochromatic colors
HEX |
RGB |
HSL |
#27365A |
rgb(39,54,90) |
hsl(222,40%,25%) |
#222E4E |
rgb(34,46,78) |
hsl(224,39%,22%) |
#1C2641 |
rgb(28,38,65) |
hsl(224,40%,18%) |
#171F35 |
rgb(23,31,53) |
hsl(224,39%,15%) |
#111728 |
rgb(17,23,40) |
hsl(224,40%,11%) |
#0C0F1C |
rgb(12,15,28) |
hsl(229,40%,8%) |
Triad color palettes
HEX |
RGB |
HSL |
#222E4E |
rgb(34,46,78) |
hsl(224,39%,22%) |
#4E2B22 |
rgb(78,43,34) |
hsl(12,39%,22%) |
#444F22 |
rgb(68,79,34) |
hsl(75,40%,22%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#222E4E |
rgb(34,46,78) |
hsl(224,39%,22%) |
#4E4222 |
rgb(78,66,34) |
hsl(44,39%,22%) |
#22454E |
rgb(34,69,78) |
hsl(192,39%,22%) |
#444F22 |
rgb(68,79,34) |
hsl(75,40%,22%) |