Rock’n’Rose Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Rock’n’Rose (#FC8AAA), each snapped to its nearest named color.
#E10646
#FF3F6A
#FC8AAA
#FED3E4
#FFE6EC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Cherry Velvet | #E10646 | 225, 6, 70 | 342°, 95%, 45% | 0, 97, 69, 12 | |
| Laser Trap | #FF3F6A | 255, 63, 106 | 347°, 100%, 62% | 0, 75, 58, 0 | |
| Rock’n’Rose | #FC8AAA | 252, 138, 170 | 343°, 95%, 76% | 0, 45, 33, 1 | |
| Poplar Pink | #FED3E4 | 254, 211, 228 | 336°, 96%, 91% | 0, 17, 10, 0 | |
| Nosegay | #FFE6EC | 255, 230, 236 | 346°, 100%, 95% | 0, 10, 7, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E10646 on #FFE6EC | 4.12:1 | AA large |
| Aa #E10646 on #FED3E4 | 3.63:1 | AA large |
| Aa #FF3F6A on #FFE6EC | 2.88:1 | — |
| Aa #FF3F6A on #FED3E4 | 2.54:1 | — |
| Aa #E10646 on #FC8AAA | 2.17:1 | — |
| Aa #FC8AAA on #FFE6EC | 1.90:1 | — |
CSS variables
:root {
--color-1: #e10646; /* Cherry Velvet */
--color-2: #ff3f6a; /* Laser Trap */
--color-3: #fc8aaa; /* Rock’n’Rose */
--color-4: #fed3e4; /* Poplar Pink */
--color-5: #ffe6ec; /* Nosegay */
}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 Split-complementary Color Scheme#FC8AAA#87F8A3#88EEFF#FF3F6A#DDFFDD
- Rock’n’Rose Tetradic Color Scheme#FC8AAA#E8F48C#8CFFDB#BB88FF#FFE6EC
More Light Pink monochromatic palettes
- Always Rosey Monochromatic Color Scheme#B62758#DC6080#E79DB3#F5DAE3#F8EAED
- Atomic Pink Monochromatic Color Scheme#CC00DD#FF33FF#FB7EFD#FFCCFF#FFEBFE
- Avant-Garde Pink Monochromatic Color Scheme#DD00CC#FF2FEB#FF77EE#FCCCF5#FFEBFE
- Barbiecore Monochromatic Color Scheme#871F78#C920B0#E15ACB#EB94DA#F4DAF1
- Blush d’Amour Monochromatic Color Scheme#8C1B3C#C92351#DE5D83#EA9FB4#F9DCE3
- Blushing Sky Monochromatic Color Scheme#A24D8F#CD7DB5#D9B1D6#EFE2F2#F8EEF4
- Bubblegum Monochromatic Color Scheme#EE00EE#FF33FF#FF85FF#FED0FC#FFEBFE
- Bubblegum Beam Monochromatic Color Scheme#DD1188#E936A7#F887C7#F8D0E8#FFE8F4
- Bubblegum Kisses Monochromatic Color Scheme#CC1A97#F246A7#F092D6#F9D7EE#FEE8F5
- Candy Floss Monochromatic Color Scheme#C034AF#DA70D6#E8A7E2#F6E5F6#FCEBFA
- Candy Pink Monochromatic Color Scheme#CC11BB#FF1DCE#FF63E9#FFB2F0#FEE8F5
- Classy Mauve Monochromatic Color Scheme#6F4B5C#9D6984#BB99AA#D7C7D0#F5F0F1
Questions
What colors go with Rock’n’Rose?
In a monochromatic scheme: Cherry Velvet (#E10646), Laser Trap (#FF3F6A), Poplar Pink (#FED3E4), Nosegay (#FFE6EC).
What is the hex code of Rock’n’Rose?
#FC8AAA.