Wild Violet Complementary Color Scheme
Five colors arranged by the complementary rule around Wild Violet (#63209B), each snapped to its nearest named color.
#63209B
#8833DD
#5F9727
#35530A
#88DD55
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Wild Violet | #63209B | 99, 32, 155 | 273°, 66%, 37% | 36, 79, 0, 39 | |
| Thick Purple | #8833DD | 136, 51, 221 | 270°, 71%, 53% | 38, 77, 0, 13 | |
| Limeade | #5F9727 | 95, 151, 39 | 90°, 59%, 37% | 37, 0, 74, 41 | |
| Navy Green | #35530A | 53, 83, 10 | 85°, 78%, 18% | 36, 0, 88, 67 | |
| Lilliputian Lime | #88DD55 | 136, 221, 85 | 98°, 67%, 60% | 38, 0, 62, 13 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #63209B on #88DD55 | 5.66:1 | AA |
| Aa #35530A on #88DD55 | 5.23:1 | AA |
| Aa #8833DD on #88DD55 | 3.51:1 | AA large |
| Aa #63209B on #5F9727 | 2.69:1 | — |
| Aa #5F9727 on #35530A | 2.48:1 | — |
| Aa #5F9727 on #88DD55 | 2.11:1 | — |
CSS variables
:root {
--color-1: #63209b; /* Wild Violet */
--color-2: #8833dd; /* Thick Purple */
--color-3: #5f9727; /* Limeade */
--color-4: #35530a; /* Navy Green */
--color-5: #88dd55; /* Lilliputian Lime */
}Other schemes from Wild Violet
- Wild Violet Analogous Color Scheme#225599#312297#63209B#942193#972B51
- Wild Violet Triadic Color Scheme#63209B#996622#229966#9955CC#5C3612
- Wild Violet Split-complementary Color Scheme#63209B#8E9A21#229922#37115C#D2DB32
- Wild Violet Tetradic Color Scheme#63209B#992222#5F9727#259797#9955CC
- Wild Violet Monochromatic Color Scheme#0B0119#37115C#63209B#8833DD#B36FF6
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
- Fading Horizon Complementary Color Scheme#442266#7737AA#526525#172713#70B23F
- Fuchsia Nebula Complementary Color Scheme#7722AA#A846D7#5CAC2D#3D7016#88DD55
Questions
What colors go with Wild Violet?
In a complementary scheme: Thick Purple (#8833DD), Limeade (#5F9727), Navy Green (#35530A), Lilliputian Lime (#88DD55).
What is the hex code of Wild Violet?
#63209B.