Extraviolet Complementary Color Scheme
Five colors arranged by the complementary rule around Extraviolet (#661188), each snapped to its nearest named color.
#661188
#AD03DE
#328E13
#154406
#4BEC13
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Extraviolet | #661188 | 102, 17, 136 | 283°, 78%, 30% | 25, 88, 0, 47 | |
| Vibrant Purple | #AD03DE | 173, 3, 222 | 287°, 97%, 44% | 22, 99, 0, 13 | |
| Cossack Green | #328E13 | 50, 142, 19 | 105°, 76%, 32% | 65, 0, 87, 44 | |
| Forest Green | #154406 | 21, 68, 6 | 105°, 84%, 15% | 69, 0, 91, 73 | |
| Becquerel | #4BEC13 | 75, 236, 19 | 105°, 85%, 50% | 68, 0, 92, 7 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #154406 on #4BEC13 | 7.15:1 | AAA |
| Aa #661188 on #4BEC13 | 6.65:1 | AA |
| Aa #AD03DE on #4BEC13 | 3.46:1 | AA large |
| Aa #328E13 on #154406 | 2.69:1 | — |
| Aa #328E13 on #4BEC13 | 2.65:1 | — |
| Aa #661188 on #328E13 | 2.51:1 | — |
CSS variables
:root {
--color-1: #661188; /* Extraviolet */
--color-2: #ad03de; /* Vibrant Purple */
--color-3: #328e13; /* Cossack Green */
--color-4: #154406; /* Forest Green */
--color-5: #4bec13; /* Becquerel */
}Other schemes from Extraviolet
- Extraviolet Analogous Color Scheme#113691#221188#661188#881166#820E3B
- Extraviolet Triadic Color Scheme#661188#886806#1B8A6B#B80CE3#443300
- Extraviolet Split-complementary Color Scheme#661188#7A8716#118822#3B0346#AACC11
- Extraviolet Tetradic Color Scheme#661188#8D2D13#328E13#16698C#B80CE3
- Extraviolet Monochromatic Color Scheme#0B0119#3B0346#661188#9B1DCD#AB46EC
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
- 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
- Galactic Civilization Complementary Color Scheme#442288#6A31CA#6B8C23#2F4A15#ACD243
Questions
What colors go with Extraviolet?
In a complementary scheme: Vibrant Purple (#AD03DE), Cossack Green (#328E13), Forest Green (#154406), Becquerel (#4BEC13).
What is the hex code of Extraviolet?
#661188.