Fading Horizon Complementary Color Scheme
Five colors arranged by the complementary rule around Fading Horizon (#442266), each snapped to its nearest named color.
#442266
#7737AA
#526525
#172713
#70B23F
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Fading Horizon | #442266 | 68, 34, 102 | 270°, 50%, 27% | 33, 67, 0, 60 | |
| Shredder Lavender | #7737AA | 119, 55, 170 | 273°, 51%, 44% | 30, 68, 0, 33 | |
| Tabbouleh Green | #526525 | 82, 101, 37 | 78°, 46%, 27% | 19, 0, 63, 60 | |
| Deep Slate Olive | #172713 | 23, 39, 19 | 108°, 34%, 11% | 41, 0, 51, 85 | |
| Nasty Green | #70B23F | 112, 178, 63 | 94°, 48%, 47% | 37, 0, 65, 30 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #172713 on #70B23F | 6.08:1 | AA |
| Aa #442266 on #70B23F | 4.88:1 | AA |
| Aa #7737AA on #70B23F | 2.79:1 | — |
| Aa #526525 on #70B23F | 2.50:1 | — |
| Aa #526525 on #172713 | 2.43:1 | — |
| Aa #7737AA on #172713 | 2.18:1 | — |
CSS variables
:root {
--color-1: #442266; /* Fading Horizon */
--color-2: #7737aa; /* Shredder Lavender */
--color-3: #526525; /* Tabbouleh Green */
--color-4: #172713; /* Deep Slate Olive */
--color-5: #70b23f; /* Nasty Green */
}Other schemes from Fading Horizon
- Fading Horizon Analogous Color Scheme#234162#222266#442266#662266#612246
- Fading Horizon Triadic Color Scheme#442266#664422#236649#7737AA#2A1B0E
- Fading Horizon Split-complementary Color Scheme#442266#636F22#296D23#1C0F33#9B983D
- Fading Horizon Tetradic Color Scheme#442266#662222#526525#24646B#7737AA
- Fading Horizon Monochromatic Color Scheme#090615#1C0F33#442266#69359C#9955CC
More Dark Purple complementary palettes
- Acai Complementary Color Scheme#48295B#734F96#2D5E22#172713#66A545
- Blackmail Complementary Color Scheme#220066#510AC9#4D6D08#0F180A#88CC00
- Call It a Night Complementary Color Scheme#42364C#75528B#445533#172713#769358
- Child of the Night Complementary Color Scheme#220077#3300CC#447700#172808#99DD00
- Dark Dreams Complementary Color Scheme#332266#5930A9#526525#223311#93B13D
- Drifting Violet Complementary Color Scheme#5B4276#8A6FA9#5B7349#37412A#90AC74
- Elegant Purple Gown Complementary Color Scheme#552367#8833AA#346E23#112A12#51B73B
- Explorer of the Galaxies Complementary Color Scheme#3A1F76#5533BB#536B1F#333311#9ACD32
- Extraviolet Complementary Color Scheme#661188#AD03DE#328E13#154406#4BEC13
- Fabric of Space Complementary Color Scheme#341758#5930A9#35530A#0F180A#71AA34
- Fuchsia Nebula Complementary Color Scheme#7722AA#A846D7#5CAC2D#3D7016#88DD55
- Galactic Civilization Complementary Color Scheme#442288#6A31CA#6B8C23#2F4A15#ACD243
Questions
What colors go with Fading Horizon?
In a complementary scheme: Shredder Lavender (#7737AA), Tabbouleh Green (#526525), Deep Slate Olive (#172713), Nasty Green (#70B23F).
What is the hex code of Fading Horizon?
#442266.