Muted Pink Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Muted Pink (#D1768F), each snapped to its nearest named color.
#D1768F
#78CF86
#75BFD2
#B9396E
#B4E1BB
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Muted Pink | #D1768F | 209, 118, 143 | 344°, 50%, 64% | 0, 44, 32, 18 | |
| Jube Green | #78CF86 | 120, 207, 134 | 130°, 48%, 64% | 42, 0, 35, 19 | |
| Cologne | #75BFD2 | 117, 191, 210 | 192°, 51%, 64% | 44, 9, 0, 18 | |
| Spicy Purple | #B9396E | 185, 57, 110 | 335°, 53%, 47% | 0, 69, 41, 27 | |
| Fringy Flower | #B4E1BB | 180, 225, 187 | 129°, 43%, 79% | 20, 0, 17, 12 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #B9396E on #B4E1BB | 3.73:1 | AA large |
| Aa #78CF86 on #B9396E | 2.86:1 | — |
| Aa #75BFD2 on #B9396E | 2.62:1 | — |
| Aa #D1768F on #B4E1BB | 2.15:1 | — |
| Aa #D1768F on #B9396E | 1.73:1 | — |
| Aa #D1768F on #78CF86 | 1.65:1 | — |
CSS variables
:root {
--color-1: #d1768f; /* Muted Pink */
--color-2: #78cf86; /* Jube Green */
--color-3: #75bfd2; /* Cologne */
--color-4: #b9396e; /* Spicy Purple */
--color-5: #b4e1bb; /* Fringy Flower */
}Other schemes from Muted Pink
- Muted Pink Complementary Color Scheme#D1768F#EDB8C7#78D1B6#30BA8F#C4EAE0
- Muted Pink Analogous Color Scheme#B56EDC#CD7DB5#D1768F#D38977#D3BA75
- Muted Pink Triadic Color Scheme#D1768F#89D178#7391CC#E9C4CC#70B23F
- Muted Pink Tetradic Color Scheme#D1768F#BCCB7A#78D1B6#8E72C7#E9C4CC
- Muted Pink Monochromatic Color Scheme#80304C#B9396E#D1768F#E5ABBE#F8EAED
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 Muted Pink?
In a split-complementary scheme: Jube Green (#78CF86), Cologne (#75BFD2), Spicy Purple (#B9396E), Fringy Flower (#B4E1BB).
What is the hex code of Muted Pink?
#D1768F.