First Crush Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around First Crush (#F6E2EA), each snapped to its nearest named color.
#CD6D93
#E6AAC1
#F6E2EA
#F8EEF4
#F8EEF4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Hopbush | #CD6D93 | 205, 109, 147 | 336°, 49%, 62% | 0, 47, 28, 20 | 65.5% 0.128 356 | |
| Little Princess | #E6AAC1 | 230, 170, 193 | 337°, 55%, 78% | 0, 26, 16, 10 | 80.0% 0.076 354 | |
| First Crush | #F6E2EA | 246, 226, 234 | 336°, 53%, 93% | 0, 8, 5, 4 | 93.1% 0.024 351 | |
| Sentimental Pink | #F8EEF4 | 248, 238, 244 | 324°, 42%, 95% | 0, 4, 2, 3 | 95.9% 0.013 341 | |
| Sentimental Pink | #F8EEF4 | 248, 238, 244 | 324°, 42%, 95% | 0, 4, 2, 3 | 95.9% 0.013 341 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #CD6D93 on #F8EEF4 | 2.99:1 | — |
| Aa #CD6D93 on #F8EEF4 | 2.99:1 | — |
| Aa #CD6D93 on #F6E2EA | 2.74:1 | — |
| Aa #CD6D93 on #E6AAC1 | 1.75:1 | — |
| Aa #E6AAC1 on #F8EEF4 | 1.70:1 | — |
| Aa #E6AAC1 on #F8EEF4 | 1.70:1 | — |
CSS variables
:root {
--color-1: #cd6d93; /* Hopbush */
--color-2: #e6aac1; /* Little Princess */
--color-3: #f6e2ea; /* First Crush */
--color-4: #f8eef4; /* Sentimental Pink */
--color-5: #f8eef4; /* Sentimental Pink */
}Other schemes from First Crush
- First Crush Complementary Color Scheme#F6E2EA#F8EEF4#E2F7F1#A8E3CC#E9F9F5
- First Crush Analogous Color Scheme#F0E5F5#F6E5F6#F6E2EA#F5E3E2#F6EEE2
- First Crush Triadic Color Scheme#F6E2EA#E9F6E2#E0E9F3#F8EEF4#C5E6A4
- First Crush Split-complementary Color Scheme#F6E2EA#E3F5E5#E8F4F7#E6AAC1#EBF8EF
- First Crush Tetradic Color Scheme#F6E2EA#F5F5E4#E2F7F1#E5E5FA#F8EEF4
More very light pink monochromatic color schemes
- Antarctic Love Monochromatic Color Scheme#BA789E#CCACC1#EDDEE6#F8EEF4#F8EEF4
- Baby Pink Monochromatic Color Scheme#FF1166#FD6C9E#FFB7CE#FFE5ED#FFE5ED
- Ballerina Monochromatic Color Scheme#CC5588#E290B2#F2CFDC#F8EAED#F8EAED
- Berries N’ Cream Monochromatic Color Scheme#DD3366#EE7799#F2B8CA#F8EAED#F8EAED
- Berry Butter Monochromatic Color Scheme#C95B83#DD95B4#EFCEDC#F8EEF4#F8EEF4
- Blackberry Yoghurt Monochromatic Color Scheme#BB44AA#C290C5#E5BDDF#F8EEF4#F8EEF4
- Bride Monochromatic Color Scheme#AF8F9C#CEB9C4#EFE7EB#F5F0F1#F5F0F1
- Bubble Bath Monochromatic Color Scheme#A785A7#C5B5CA#E8E0E9#F3F1F3#F3F1F3
- Bubblegum Crisis Monochromatic Color Scheme#C255C1#CC99DD#EECCEE#FCEBFA#FCEBFA
- Bubblegum Heart Monochromatic Color Scheme#FF2288#FF6CB5#FFBADF#FFE6F1#FFE6F1
- Bunny Tail Monochromatic Color Scheme#FF55AA#FF99DD#FFE3F4#FFE3F4#FFE3F4
- Candy Bar Monochromatic Color Scheme#FF1476#FF69AF#FFB7D5#FFE5EF#FFE5EF
Questions
What colors go with First Crush?
In a monochromatic scheme: Hopbush (#CD6D93), Little Princess (#E6AAC1), Sentimental Pink (#F8EEF4), Sentimental Pink (#F8EEF4).
What is the hex code of First Crush?
#F6E2EA.