Millennial Pink Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Millennial Pink (#F6C8C1), each snapped to its nearest named color.
#F6C8C1
#C5F5E8
#C0D5EF
#EA8A7A
#EBFCF5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Millennial Pink | #F6C8C1 | 246, 200, 193 | 8°, 75%, 86% | 0, 19, 22, 4 | 87.1% 0.054 28 | |
| Shallow End | #C5F5E8 | 197, 245, 232 | 164°, 71%, 87% | 20, 0, 5, 4 | 93.3% 0.052 177 | |
| Mr. Glass | #C0D5EF | 192, 213, 239 | 213°, 59%, 85% | 20, 11, 0, 6 | 86.6% 0.043 254 | |
| Redolenc | #EA8A7A | 234, 138, 122 | 9°, 73%, 70% | 0, 41, 48, 8 | 73.2% 0.120 30 | |
| Placebo Turquoise | #EBFCF5 | 235, 252, 245 | 155°, 74%, 95% | 7, 0, 3, 1 | 97.7% 0.020 169 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #EA8A7A on #EBFCF5 | 2.35:1 | — |
| Aa #C5F5E8 on #EA8A7A | 2.09:1 | — |
| Aa #C0D5EF on #EA8A7A | 1.66:1 | — |
| Aa #F6C8C1 on #EA8A7A | 1.66:1 | — |
| Aa #F6C8C1 on #EBFCF5 | 1.42:1 | — |
| Aa #C0D5EF on #EBFCF5 | 1.41:1 | — |
CSS variables
:root {
--color-1: #f6c8c1; /* Millennial Pink */
--color-2: #c5f5e8; /* Shallow End */
--color-3: #c0d5ef; /* Mr. Glass */
--color-4: #ea8a7a; /* Redolenc */
--color-5: #ebfcf5; /* Placebo Turquoise */
}Other schemes from Millennial Pink
- Millennial Pink Complementary Color Scheme#F6C8C1#FCEBEB#C4ECF0#77DDE7#E8F7FD
- Millennial Pink Analogous Color Scheme#EEC3EE#F5C1D5#F6C8C1#F7E4C2#F0F7C4
- Millennial Pink Triadic Color Scheme#F6C8C1#C1FDC9#C1C6FC#FCEBEB#7BE892
- Millennial Pink Tetradic Color Scheme#F6C8C1#DDF3C2#C4ECF0#E3C2FF#FCEBEB
- Millennial Pink Monochromatic Color Scheme#E84F3C#EA8A7A#F6C8C1#FCEBEB#FCEBEB
More very light red split-complementary color schemes
- Abloom Split-complementary Color Scheme#F1CBCD#D1F0DD#CBE1F2#E19091#EBF8EF
- Angelic Wings Split-complementary Color Scheme#F4EFEE#F0F4F2#EEF2F3#D8C1BE#F0F4F2
- Angry Ghost Split-complementary Color Scheme#EEBBBB#BBEFD3#BBD5EF#DC7B7C#E9F9F5
- Apricot Haze Split-complementary Color Scheme#FFAAAA#AFFFD5#A7D7FF#FD5956#E6FDF1
- Ballet Split-complementary Color Scheme#F7D5D4#D0F7E4#D2E2F2#EF9A93#EBFCF5
- Ballet Slippers Split-complementary Color Scheme#FCA2AD#AAFFCC#A7D7FF#FC5669#E6FDF1
- Berry Good Split-complementary Color Scheme#EDC3C5#C2ECD8#C1DAED#DD8888#EBF8EF
- Bloodthirsty Beige Split-complementary Color Scheme#F8D7D0#CFF7EF#CFDAFB#F29E8E#EBFCF5
- Blowing Kisses Split-complementary Color Scheme#F6DEE0#DDF5E7#DCECF5#E5A2AB#EBF8EF
- Blush Kiss Split-complementary Color Scheme#EABCC0#BDE7CF#BBD6EA#D78187#EBF8EF
- Blush Rush Split-complementary Color Scheme#F0BCBE#BBEFD3#BED7F0#E07C89#E9F9F5
- Butterfly Kisses Split-complementary Color Scheme#F0DEDC#DEF1E7#DAE4EE#D9A8A8#EFF5F1
Questions
What colors go with Millennial Pink?
In a split-complementary scheme: Shallow End (#C5F5E8), Mr. Glass (#C0D5EF), Redolenc (#EA8A7A), Placebo Turquoise (#EBFCF5).
What is the hex code of Millennial Pink?
#F6C8C1.