Neon Violet Complementary Color Scheme
Five colors arranged by the complementary rule around Neon Violet (#674876), each snapped to its nearest named color.
#674876
#9271A7
#5B7349
#36482F
#88AA77
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Neon Violet | #674876 | 103, 72, 118 | 280°, 24%, 37% | 13, 39, 0, 54 | |
| Ce Soir | #9271A7 | 146, 113, 167 | 277°, 23%, 55% | 13, 32, 0, 35 | |
| Pineweed | #5B7349 | 91, 115, 73 | 94°, 22%, 37% | 21, 0, 37, 55 | |
| Palm Leaf | #36482F | 54, 72, 47 | 103°, 21%, 23% | 25, 0, 35, 72 | |
| Lush Fields | #88AA77 | 136, 170, 119 | 100°, 23%, 57% | 20, 0, 30, 33 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #36482F on #88AA77 | 3.79:1 | AA large |
| Aa #674876 on #88AA77 | 2.92:1 | — |
| Aa #9271A7 on #36482F | 2.42:1 | — |
| Aa #5B7349 on #88AA77 | 2.02:1 | — |
| Aa #5B7349 on #36482F | 1.88:1 | — |
| Aa #674876 on #9271A7 | 1.86:1 | — |
CSS variables
:root {
--color-1: #674876; /* Neon Violet */
--color-2: #9271a7; /* Ce Soir */
--color-3: #5b7349; /* Pineweed */
--color-4: #36482f; /* Palm Leaf */
--color-5: #88aa77; /* Lush Fields */
}Other schemes from Neon Violet
- Neon Violet Analogous Color Scheme#475877#534778#674876#724770#744456
- Neon Violet Triadic Color Scheme#674876#786947#447A66#9D7AAC#463D2B
- Neon Violet Split-complementary Color Scheme#674876#6E7C45#49764F#382B46#9CA664
- Neon Violet Tetradic Color Scheme#674876#785246#5B7349#466E77#9D7AAC
- Neon Violet Monochromatic Color Scheme#141314#382B46#674876#9469A2#B598C3
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 Neon Violet?
In a complementary scheme: Ce Soir (#9271A7), Pineweed (#5B7349), Palm Leaf (#36482F), Lush Fields (#88AA77).
What is the hex code of Neon Violet?
#674876.