Rock’n’Rose Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Rock’n’Rose (#FC8AAA), each snapped to its nearest named color.
#FC8AAA
#87F8A3
#88EEFF
#FF3F6A
#DDFFDD
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Rock’n’Rose | #FC8AAA | 252, 138, 170 | 343°, 95%, 76% | 0, 45, 33, 1 | |
| Mild Menthol | #87F8A3 | 135, 248, 163 | 135°, 89%, 75% | 46, 0, 34, 3 | |
| Photon Projector | #88EEFF | 136, 238, 255 | 189°, 100%, 77% | 47, 7, 0, 0 | |
| Laser Trap | #FF3F6A | 255, 63, 106 | 347°, 100%, 62% | 0, 75, 58, 0 | |
| Transparent Green | #DDFFDD | 221, 255, 221 | 120°, 100%, 93% | 13, 0, 13, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FF3F6A on #DDFFDD | 3.15:1 | AA large |
| Aa #87F8A3 on #FF3F6A | 2.59:1 | — |
| Aa #88EEFF on #FF3F6A | 2.55:1 | — |
| Aa #FC8AAA on #DDFFDD | 2.08:1 | — |
| Aa #FC8AAA on #87F8A3 | 1.71:1 | — |
| Aa #FC8AAA on #88EEFF | 1.68:1 | — |
CSS variables
:root {
--color-1: #fc8aaa; /* Rock’n’Rose */
--color-2: #87f8a3; /* Mild Menthol */
--color-3: #88eeff; /* Photon Projector */
--color-4: #ff3f6a; /* Laser Trap */
--color-5: #ddffdd; /* Transparent Green */
}Other schemes from Rock’n’Rose
- Rock’n’Rose Complementary Color Scheme#FC8AAA#FFE5ED#8CFFDB#3AFDDB#E7FAFA
- Rock’n’Rose Analogous Color Scheme#D783FF#F984E5#FC8AAA#FFA089#FCDA89
- Rock’n’Rose Triadic Color Scheme#FC8AAA#B1FC99#8AADF7#FFE6EC#7FF23E
- Rock’n’Rose Tetradic Color Scheme#FC8AAA#E8F48C#8CFFDB#BB88FF#FFE6EC
- Rock’n’Rose Monochromatic Color Scheme#E10646#FF3F6A#FC8AAA#FED3E4#FFE6EC
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 Rock’n’Rose?
In a split-complementary scheme: Mild Menthol (#87F8A3), Photon Projector (#88EEFF), Laser Trap (#FF3F6A), Transparent Green (#DDFFDD).
What is the hex code of Rock’n’Rose?
#FC8AAA.