Extraviolet Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Extraviolet (#661188), each snapped to its nearest named color.
#661188
#7A8716
#118822
#3B0346
#AACC11
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Extraviolet | #661188 | 102, 17, 136 | 283°, 78%, 30% | 25, 88, 0, 47 | |
| Elwynn Forest Olive | #7A8716 | 122, 135, 22 | 67°, 72%, 31% | 10, 0, 84, 47 | |
| Asian Spice | #118822 | 17, 136, 34 | 129°, 78%, 30% | 88, 0, 75, 47 | |
| Romanic Scene | #3B0346 | 59, 3, 70 | 290°, 92%, 14% | 16, 96, 0, 73 | |
| Leafy Canopy | #AACC11 | 170, 204, 17 | 71°, 85%, 43% | 17, 0, 92, 20 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #3B0346 on #AACC11 | 8.82:1 | AAA |
| Aa #661188 on #AACC11 | 5.68:1 | AA |
| Aa #7A8716 on #3B0346 | 4.12:1 | AA large |
| Aa #118822 on #3B0346 | 3.55:1 | AA large |
| Aa #661188 on #7A8716 | 2.65:1 | — |
| Aa #118822 on #AACC11 | 2.49:1 | — |
CSS variables
:root {
--color-1: #661188; /* Extraviolet */
--color-2: #7a8716; /* Elwynn Forest Olive */
--color-3: #118822; /* Asian Spice */
--color-4: #3b0346; /* Romanic Scene */
--color-5: #aacc11; /* Leafy Canopy */
}Other schemes from Extraviolet
- Extraviolet Complementary Color Scheme#661188#AD03DE#328E13#154406#4BEC13
- Extraviolet Analogous Color Scheme#113691#221188#661188#881166#820E3B
- Extraviolet Triadic Color Scheme#661188#886806#1B8A6B#B80CE3#443300
- Extraviolet Tetradic Color Scheme#661188#8D2D13#328E13#16698C#B80CE3
- Extraviolet Monochromatic Color Scheme#0B0119#3B0346#661188#9B1DCD#AB46EC
More Dark Purple split-complementary palettes
- Acai Split-complementary Color Scheme#48295B#555B2C#2B5D34#17182B#8B8C40
- Blackmail Split-complementary Color Scheme#220066#665500#046307#0B0119#B29700
- Call It a Night Split-complementary Color Scheme#42364C#515131#2E4E36#161820#7F8353
- Child of the Night Split-complementary Color Scheme#220077#7A5901#117700#06012C#C69C04
- Dark Dreams Split-complementary Color Scheme#332266#67592A#346E23#111133#9D892E
- Drifting Violet Split-complementary Color Scheme#5B4276#797447#447744#382B46#AAAA55
- Elegant Purple Gown Split-complementary Color Scheme#552367#526525#226633#2B0F2E#91A135
- Explorer of the Galaxies Split-complementary Color Scheme#3A1F76#706C11#2B7414#1C0F33#AA9933
- Fabric of Space Split-complementary Color Scheme#341758#4F531F#115511#0C0C1F#9B9028
- Fading Horizon Split-complementary Color Scheme#442266#636F22#296D23#1C0F33#9B983D
- Fuchsia Nebula Split-complementary Color Scheme#7722AA#8FAE22#2BA727#441166#C5CD40
- Galactic Civilization Split-complementary Color Scheme#442288#87762B#2B8725#221144#C6AA2B
Questions
What colors go with Extraviolet?
In a split-complementary scheme: Elwynn Forest Olive (#7A8716), Asian Spice (#118822), Romanic Scene (#3B0346), Leafy Canopy (#AACC11).
What is the hex code of Extraviolet?
#661188.