HEX #22304E color — Cloud Burst
The color #22304E is a dark shade and moderately saturated.
Palette
22304E color palette from light to dark
| HEX |
RGB |
HSL |
| #f4f6fa |
rgb(244,246,250) |
hsl(221,39%,97%) |
| #e3e8f3 |
rgb(227,232,243) |
hsl(221,39%,92%) |
| #d1d9eb |
rgb(209,217,235) |
hsl(221,39%,87%) |
| #bfcbe3 |
rgb(191,203,227) |
hsl(221,39%,82%) |
| #adbcdb |
rgb(173,188,219) |
hsl(221,39%,77%) |
| #9cadd3 |
rgb(156,173,211) |
hsl(221,39%,72%) |
| #8a9fcc |
rgb(138,159,204) |
hsl(221,39%,67%) |
| #7890c4 |
rgb(120,144,196) |
hsl(221,39%,62%) |
| #6782bc |
rgb(103,130,188) |
hsl(221,39%,57%) |
| #5573b4 |
rgb(85,115,180) |
hsl(221,39%,52%) |
| #4967a7 |
rgb(73,103,167) |
hsl(221,39%,47%) |
| #415c95 |
rgb(65,92,149) |
hsl(221,39%,42%) |
| #3a5183 |
rgb(58,81,131) |
hsl(221,39%,37%) |
| #324671 |
rgb(50,70,113) |
hsl(221,39%,32%) |
| #2a3b60 |
rgb(42,59,96) |
hsl(221,39%,27%) |
| #22304e |
rgb(34,48,78) |
hsl(221,39%,22%) |
| #1a253c |
rgb(26,37,60) |
hsl(221,39%,17%) |
| #131a2b |
rgb(19,26,43) |
hsl(221,39%,12%) |
| #0b0f19 |
rgb(11,15,25) |
hsl(221,39%,7%) |
| #030407 |
rgb(3,4,7) |
hsl(221,39%,2%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #224D4E |
rgb(34,77,78) |
hsl(181,39%,22%) |
| #22304E |
rgb(34,48,78) |
hsl(221,39%,22%) |
| #31214E |
rgb(49,33,78) |
hsl(261,41%,22%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #27385A |
rgb(39,56,90) |
hsl(220,40%,25%) |
| #22304E |
rgb(34,48,78) |
hsl(221,39%,22%) |
| #1C2941 |
rgb(28,41,65) |
hsl(219,40%,18%) |
| #172135 |
rgb(23,33,53) |
hsl(220,39%,15%) |
| #111A28 |
rgb(17,26,40) |
hsl(217,40%,11%) |
| #0C121C |
rgb(12,18,28) |
hsl(218,40%,8%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #22304E |
rgb(34,48,78) |
hsl(221,39%,22%) |
| #4E2922 |
rgb(78,41,34) |
hsl(10,39%,22%) |
| #464F22 |
rgb(70,79,34) |
hsl(72,40%,22%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #22304E |
rgb(34,48,78) |
hsl(221,39%,22%) |
| #4E4022 |
rgb(78,64,34) |
hsl(41,39%,22%) |
| #22454E |
rgb(34,69,78) |
hsl(192,39%,22%) |
| #464F22 |
rgb(70,79,34) |
hsl(72,40%,22%) |
