Desire Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Desire (#EA3C53), each snapped to its nearest named color.
#EA3C53
#3AE57F
#31A2F2
#C21727
#80F9AD
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Desire | #EA3C53 | 234, 60, 83 | 352°, 81%, 58% | 0, 74, 65, 8 | |
| Weird Green | #3AE57F | 58, 229, 127 | 144°, 77%, 56% | 75, 0, 45, 10 | |
| Rockman Blue | #31A2F2 | 49, 162, 242 | 205°, 88%, 57% | 80, 33, 0, 5 | |
| Racing Red | #C21727 | 194, 23, 39 | 354°, 79%, 43% | 0, 88, 80, 24 | |
| Esper’s Fungus Green | #80F9AD | 128, 249, 173 | 142°, 91%, 74% | 49, 0, 31, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #C21727 on #80F9AD | 4.66:1 | AA |
| Aa #3AE57F on #C21727 | 3.68:1 | AA large |
| Aa #EA3C53 on #80F9AD | 3.05:1 | AA large |
| Aa #EA3C53 on #3AE57F | 2.41:1 | — |
| Aa #31A2F2 on #C21727 | 2.20:1 | — |
| Aa #31A2F2 on #80F9AD | 2.12:1 | — |
CSS variables
:root {
--color-1: #ea3c53; /* Desire */
--color-2: #3ae57f; /* Weird Green */
--color-3: #31a2f2; /* Rockman Blue */
--color-4: #c21727; /* Racing Red */
--color-5: #80f9ad; /* Esper’s Fungus Green */
}Other schemes from Desire
- Desire Complementary Color Scheme#EA3C53#F6909D#25E2CD#06C2AC#99EEEE
- Desire Analogous Color Scheme#CC33FF#E936A7#EA3C53#E97B3E#F1D236
- Desire Triadic Color Scheme#EA3C53#55FF33#2E58E8#EF98AA#2BC51B
- Desire Tetradic Color Scheme#EA3C53#A7F432#25E2CD#703BE7#EF98AA
- Desire Monochromatic Color Scheme#7A0A14#C21727#EA3C53#E88092#FAC8CE
More Medium Red split-complementary palettes
- 100 Mph Split-complementary Color Scheme#C93F38#22CC88#327CCB#8C2C24#7AD7AD
- Alarm Split-complementary Color Scheme#EC0003#0BF77D#0078F8#A10000#36FF9A
- Amaretto Split-complementary Color Scheme#AB6F60#65A98F#6274AB#784D40#93C5B6
- Amore Split-complementary Color Scheme#AE2F48#36B14E#2E85B1#771C2B#50C87C
- Anarchist Split-complementary Color Scheme#DB304A#3CD070#2FA1DA#A01C2D#7BE892
- Angry Tomato Split-complementary Color Scheme#D82029#24DD7E#248BCC#97171E#58F898
- Annatto Split-complementary Color Scheme#8C5341#408E7C#45538D#5B342E#6AB5A4
- Apple Cherry Split-complementary Color Scheme#F81404#00FA92#0070FF#AE0C00#55FFAA
- Arcade Fire Split-complementary Color Scheme#EE3311#0EE8A3#1D5DEC#AB250B#55FFAA
- Assassin’s Red Split-complementary Color Scheme#F60206#0BF77D#0080FF#AB0102#58F898
- Autumn Fire Split-complementary Color Scheme#C44E4F#54C589#5488C0#94312F#88DDAA
- Bacon Strips Split-complementary Color Scheme#DF3F32#2DD78D#307DD3#AA251B#77EEBB
Questions
What colors go with Desire?
In a split-complementary scheme: Weird Green (#3AE57F), Rockman Blue (#31A2F2), Racing Red (#C21727), Esper’s Fungus Green (#80F9AD).
What is the hex code of Desire?
#EA3C53.