Pink Orchid Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Pink Orchid (#DA70D6), each snapped to its nearest named color.
#DA70D6
#A4D579
#66DDAA
#CC33CC
#CEEBB2
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Pink Orchid | #DA70D6 | 218, 112, 214 | 302°, 59%, 65% | 0, 49, 2, 15 | |
| Crystal Green | #A4D579 | 164, 213, 121 | 92°, 52%, 65% | 23, 0, 43, 16 | |
| Medium Aquamarine | #66DDAA | 102, 221, 170 | 154°, 64%, 63% | 54, 0, 23, 13 | |
| Steel Pink | #CC33CC | 204, 51, 204 | 300°, 60%, 50% | 0, 75, 0, 20 | |
| Imbued With Mint | #CEEBB2 | 206, 235, 178 | 91°, 59%, 81% | 12, 0, 24, 8 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #CC33CC on #CEEBB2 | 3.29:1 | AA large |
| Aa #66DDAA on #CC33CC | 2.54:1 | — |
| Aa #A4D579 on #CC33CC | 2.52:1 | — |
| Aa #DA70D6 on #CEEBB2 | 2.22:1 | — |
| Aa #DA70D6 on #66DDAA | 1.72:1 | — |
| Aa #DA70D6 on #A4D579 | 1.70:1 | — |
CSS variables
:root {
--color-1: #da70d6; /* Pink Orchid */
--color-2: #a4d579; /* Crystal Green */
--color-3: #66ddaa; /* Medium Aquamarine */
--color-4: #cc33cc; /* Steel Pink */
--color-5: #ceebb2; /* Imbued With Mint */
}Other schemes from Pink Orchid
- Pink Orchid Complementary Color Scheme#DA70D6#EEBBEE#77DD77#32CD32#C1EFC6
- Pink Orchid Analogous Color Scheme#6F6ED1#A669DB#DA70D6#DE70A1#D87273
- Pink Orchid Triadic Color Scheme#DA70D6#DBDB70#78D8D9#EEC3EE#C8CD37
- Pink Orchid Tetradic Color Scheme#DA70D6#D9A96F#77DD77#71A2D4#EEC3EE
- Pink Orchid Monochromatic Color Scheme#942193#CC33CC#DA70D6#EDABE6#FCEBFA
More Light Pink split-complementary palettes
- 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 Pink Orchid?
In a split-complementary scheme: Crystal Green (#A4D579), Medium Aquamarine (#66DDAA), Steel Pink (#CC33CC), Imbued With Mint (#CEEBB2).
What is the hex code of Pink Orchid?
#DA70D6.