Eosin Pink Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Eosin Pink (#FF5EC4), each snapped to its nearest named color.
#FF5EC4
#66FF55
#55FFEE
#FF1CAE
#B2FBA5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Eosin Pink | #FF5EC4 | 255, 94, 196 | 322°, 100%, 68% | 0, 63, 23, 0 | 72.2% 0.221 345 | |
| Biopunk | #66FF55 | 102, 255, 85 | 114°, 100%, 67% | 60, 0, 67, 0 | 88.5% 0.246 142 | |
| Icy Life | #55FFEE | 85, 255, 238 | 174°, 100%, 67% | 67, 0, 7, 0 | 91.0% 0.140 185 | |
| Spicy Pink | #FF1CAE | 255, 28, 174 | 321°, 100%, 55% | 0, 89, 32, 0 | 66.7% 0.269 349 | |
| Light Pastel Green | #B2FBA5 | 178, 251, 165 | 111°, 91%, 82% | 29, 0, 34, 2 | 91.9% 0.135 141 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FF1CAE on #B2FBA5 | 2.86:1 | — |
| Aa #55FFEE on #FF1CAE | 2.81:1 | — |
| Aa #66FF55 on #FF1CAE | 2.65:1 | — |
| Aa #FF5EC4 on #B2FBA5 | 2.25:1 | — |
| Aa #FF5EC4 on #55FFEE | 2.21:1 | — |
| Aa #FF5EC4 on #66FF55 | 2.09:1 | — |
CSS variables
:root {
--color-1: #ff5ec4; /* Eosin Pink */
--color-2: #66ff55; /* Biopunk */
--color-3: #55ffee; /* Icy Life */
--color-4: #ff1cae; /* Spicy Pink */
--color-5: #b2fba5; /* Light Pastel Green */
}Other schemes from Eosin Pink
- Eosin Pink Complementary Color Scheme#FF5EC4#FABFE4#58F898#1EF876#CCFFDD
- Eosin Pink Analogous Color Scheme#9955FF#EE55FF#FF5EC4#FD5B78#FE985C
- Eosin Pink Triadic Color Scheme#FF5EC4#CBF85F#4EC0ED#FFC8E9#B6FF1A
- Eosin Pink Tetradic Color Scheme#FF5EC4#FBEC5E#58F898#5566FF#FFC8E9
- Eosin Pink Monochromatic Color Scheme#C20078#FF1CAE#FF5EC4#F2ABE1#FFE3F4
More light pink split-complementary color schemes
- Always Rosey Split-complementary Color Scheme#E79DB3#9BE5AA#9ED6E8#DC6080#D9F2E3
- Atomic Pink Split-complementary Color Scheme#FB7EFD#CCFD7F#7EFFBA#FF33FF#EEFFCC
- Avant-Garde Pink Split-complementary Color Scheme#FF77EE#A9F971#7BFDC7#FF2FEB#DDFFCC
- Barbiecore Split-complementary Color Scheme#E15ACB#80E45F#56FCA2#C920B0#BBEE99
- Blush d’Amour Split-complementary Color Scheme#DE5D83#44DD66#5DC2DB#C92351#99EEAA
- Blushing Sky Split-complementary Color Scheme#D9B1D6#C1D6B1#B1DAC6#CD7DB5#EAF1E4
- Bubblegum Split-complementary Color Scheme#FF85FF#C4FE82#88FFCC#FF33FF#EEFFCC
- Bubblegum Beam Split-complementary Color Scheme#F887C7#90EE90#88FFEE#E936A7#CCFFCC
- Bubblegum Kisses Split-complementary Color Scheme#F092D6#A3E493#9CE5D6#F246A7#DBF4D8
- Candy Floss Split-complementary Color Scheme#E8A7E2#C5E6A4#A8E8CB#DA70D6#EBF7E4
- Candy Pink Split-complementary Color Scheme#FF63E9#9AF764#7BFDC7#FF1DCE#C8FFB0
- Classy Mauve Split-complementary Color Scheme#BB99AA#99BD91#90BDBD#A06582#C5DCC6
Questions
What colors go with Eosin Pink?
In a split-complementary scheme: Biopunk (#66FF55), Icy Life (#55FFEE), Spicy Pink (#FF1CAE), Light Pastel Green (#B2FBA5).
What is the hex code of Eosin Pink?
#FF5EC4.