Tulip Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Tulip (#FF878D), each snapped to its nearest named color.
#FF878D
#80F9AD
#88CCFF
#FD3A4A
#CCFFEE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Tulip | #FF878D | 255, 135, 141 | 357°, 100%, 76% | 0, 47, 45, 0 | |
| Esper’s Fungus Green | #80F9AD | 128, 249, 173 | 142°, 91%, 74% | 49, 0, 31, 2 | |
| Platonic Blue | #88CCFF | 136, 204, 255 | 206°, 100%, 77% | 47, 20, 0, 0 | |
| Red Salsa | #FD3A4A | 253, 58, 74 | 355°, 98%, 61% | 0, 77, 71, 1 | |
| Mint Coffee | #CCFFEE | 204, 255, 238 | 160°, 100%, 90% | 20, 0, 7, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FD3A4A on #CCFFEE | 3.25:1 | AA large |
| Aa #80F9AD on #FD3A4A | 2.73:1 | — |
| Aa #FF878D on #CCFFEE | 2.10:1 | — |
| Aa #88CCFF on #FD3A4A | 2.06:1 | — |
| Aa #FF878D on #80F9AD | 1.77:1 | — |
| Aa #88CCFF on #CCFFEE | 1.58:1 | — |
CSS variables
:root {
--color-1: #ff878d; /* Tulip */
--color-2: #80f9ad; /* Esper’s Fungus Green */
--color-3: #88ccff; /* Platonic Blue */
--color-4: #fd3a4a; /* Red Salsa */
--color-5: #ccffee; /* Mint Coffee */
}Other schemes from Tulip
- Tulip Complementary Color Scheme#FF878D#FFE4E1#88FFFF#33FFFF#E7FEFF
- Tulip Analogous Color Scheme#FF88FF#FF88CC#FF878D#FFBB88#FFFA86
- Tulip Triadic Color Scheme#FF878D#94FF94#8B88F8#FFE6E7#55FF33
- Tulip Tetradic Color Scheme#FF878D#C2FF89#88FFFF#BB88FF#FFE6E7
- Tulip Monochromatic Color Scheme#F0000D#FD3A4A#FF878D#FDD7D8#FFE6E7
More Light Red split-complementary palettes
- Amour Split-complementary Color Scheme#EE5851#53FCA1#4F8FE6#DD180E#96FBC4
- Angry Flamingo Split-complementary Color Scheme#F04E45#53FCA1#4488EE#DD180E#96FBC4
- Anime Blush Split-complementary Color Scheme#FF7A83#7EFBB3#77CCFF#FF3333#CCFFDD
- Aphrodisiac Split-complementary Color Scheme#E35A63#58F898#5DADEC#D3212D#99EEBB
- Babe Split-complementary Color Scheme#DC7B7C#7BD9AD#7DABD8#D13B40#B2EED3
- Begonia Split-complementary Color Scheme#FA6E79#76FDA8#74BBFB#FF2233#B8F8D8
- Berrylicious Split-complementary Color Scheme#D75E6C#5CCD97#57A9D4#B52F3A#99E6B3
- Bite My Tongue Split-complementary Color Scheme#D47D72#78D1B1#6E99D1#BC4D39#B2E4D0
- Blood Burst Split-complementary Color Scheme#FF474C#58F898#46ADF9#F60206#96FBC4
- Blush Bomb Split-complementary Color Scheme#DD99AA#99DEAD#95CDD8#C7607B#D1F0DD
- Blush Hour Split-complementary Color Scheme#FF6F91#7BE892#76D6FF#FF2255#BDFFCA
- Boho Blush Split-complementary Color Scheme#E58787#8BE0BA#83BCE5#D3494E#D1F1DE
Questions
What colors go with Tulip?
In a split-complementary scheme: Esper’s Fungus Green (#80F9AD), Platonic Blue (#88CCFF), Red Salsa (#FD3A4A), Mint Coffee (#CCFFEE).
What is the hex code of Tulip?
#FF878D.