Atomic Pink Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Atomic Pink (#FB7EFD), each snapped to its nearest named color.
#FB7EFD
#CCFD7F
#7EFFBA
#FF33FF
#EEFFCC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Atomic Pink | #FB7EFD | 251, 126, 253 | 299°, 97%, 74% | 1, 50, 0, 1 | |
| Green Shimmer | #CCFD7F | 204, 253, 127 | 83°, 97%, 75% | 19, 0, 50, 1 | |
| Mint Bliss | #7EFFBA | 126, 255, 186 | 148°, 100%, 75% | 51, 0, 27, 0 | |
| Pink Overflow | #FF33FF | 255, 51, 255 | 300°, 100%, 60% | 0, 80, 0, 0 | |
| Snowdrop | #EEFFCC | 238, 255, 204 | 80°, 100%, 90% | 7, 0, 20, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FF33FF on #EEFFCC | 2.76:1 | — |
| Aa #CCFD7F on #FF33FF | 2.50:1 | — |
| Aa #7EFFBA on #FF33FF | 2.36:1 | — |
| Aa #FB7EFD on #EEFFCC | 2.08:1 | — |
| Aa #FB7EFD on #CCFD7F | 1.89:1 | — |
| Aa #FB7EFD on #7EFFBA | 1.78:1 | — |
CSS variables
:root {
--color-1: #fb7efd; /* Atomic Pink */
--color-2: #ccfd7f; /* Green Shimmer */
--color-3: #7effba; /* Mint Bliss */
--color-4: #ff33ff; /* Pink Overflow */
--color-5: #eeffcc; /* Snowdrop */
}Other schemes from Atomic Pink
- Atomic Pink Complementary Color Scheme#FB7EFD#FFDDFF#8CFD7E#26FF2A#E1F8E7
- Atomic Pink Analogous Color Scheme#7A81FF#BF77F6#FB7EFD#F77FBE#FF7A83
- Atomic Pink Triadic Color Scheme#FB7EFD#FEFC7E#7DF9FF#FFE0F5#FAFA37
- Atomic Pink Tetradic Color Scheme#FB7EFD#FFBB7C#8CFD7E#73C2FB#FFE0F5
- Atomic Pink Monochromatic Color Scheme#CC00DD#FF33FF#FB7EFD#FFCCFF#FFEBFE
More Light Pink split-complementary palettes
- Always Rosey Split-complementary Color Scheme#E79DB3#9BE5AA#9ED6E8#DC6080#D9F2E3
- 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
- Death of a Star Split-complementary Color Scheme#E760D2#9AF764#66EEBB#D521B8#BCF5A6
Questions
What colors go with Atomic Pink?
In a split-complementary scheme: Green Shimmer (#CCFD7F), Mint Bliss (#7EFFBA), Pink Overflow (#FF33FF), Snowdrop (#EEFFCC).
What is the hex code of Atomic Pink?
#FB7EFD.