Warm Purple Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Warm Purple (#952E8F), each snapped to its nearest named color.
#952E8F
#5F9228
#319B64
#581A57
#88CC44
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Warm Purple | #952E8F | 149, 46, 143 | 303°, 53%, 38% | 0, 69, 4, 42 | 49.2% 0.177 330 | |
| Pont Moss | #5F9228 | 95, 146, 40 | 89°, 57%, 36% | 35, 0, 73, 43 | 60.2% 0.146 132 | |
| Green Fondant | #319B64 | 49, 155, 100 | 149°, 52%, 40% | 68, 0, 35, 39 | 61.5% 0.128 156 | |
| Purple Velour | #581A57 | 88, 26, 87 | 301°, 54%, 22% | 0, 70, 1, 65 | 34.3% 0.121 328 | |
| Midsummer Field | #88CC44 | 136, 204, 68 | 90°, 57%, 53% | 33, 0, 67, 20 | 77.3% 0.180 132 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #581A57 on #88CC44 | 6.33:1 | AA |
| Aa #319B64 on #581A57 | 3.53:1 | AA large |
| Aa #952E8F on #88CC44 | 3.51:1 | AA large |
| Aa #5F9228 on #581A57 | 3.31:1 | AA large |
| Aa #952E8F on #319B64 | 1.96:1 | — |
| Aa #5F9228 on #88CC44 | 1.91:1 | — |
CSS variables
:root {
--color-1: #952e8f; /* Warm Purple */
--color-2: #5f9228; /* Pont Moss */
--color-3: #319b64; /* Green Fondant */
--color-4: #581a57; /* Purple Velour */
--color-5: #88cc44; /* Midsummer Field */
}Other schemes from Warm Purple
- Warm Purple Complementary Color Scheme#952E8F#C255C1#318F33#1F5429#54C571
- Warm Purple Analogous Color Scheme#333399#632F92#952E8F#90305D#94332F
- Warm Purple Triadic Color Scheme#952E8F#8C9632#388D95#C255C1#4F531F
- Warm Purple Tetradic Color Scheme#952E8F#936630#318F33#2E5894#C255C1
- Warm Purple Monochromatic Color Scheme#221111#581A57#952E8F#C94CBE#CC88DD
More dark pink split-complementary color schemes
- 8 Bit Eggplant Split-complementary Color Scheme#990066#119900#009B7D#4C022F#33EE00
- Aristocratic Velvet Split-complementary Color Scheme#980B4A#009911#0D9494#550022#0ADD08
- Aztec Warrior Split-complementary Color Scheme#BB0066#11BB00#0ABAB5#730039#1BFC06
- Bane of Royalty Split-complementary Color Scheme#871466#328E13#1B8A6B#4C022F#46CB18
- Beet Red Split-complementary Color Scheme#7E203F#287C37#216879#441122#36B14E
- Berry Split-complementary Color Scheme#990F4B#009911#12939A#4C022F#13DA25
- Bindi Red Split-complementary Color Scheme#B0003C#00AA11#0093AF#650021#00FF26
- Bordeaux Split-complementary Color Scheme#7B002C#007711#00697C#330011#00CC11
- Botticelli Split-complementary Color Scheme#B70272#11BB00#00BBAA#770044#21FC0D
- Bruise Split-complementary Color Scheme#7E4071#4F7942#447A66#462343#75AD5B
- Castro Split-complementary Color Scheme#44232F#224634#283C44#130D0D#3D7049
- Cranberry Split-complementary Color Scheme#9E003A#009911#00889F#560319#00EE11
Questions
What colors go with Warm Purple?
In a split-complementary scheme: Pont Moss (#5F9228), Green Fondant (#319B64), Purple Velour (#581A57), Midsummer Field (#88CC44).
What is the hex code of Warm Purple?
#952E8F.