Pink Bliss Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Pink Bliss (#E3ABCE), each snapped to its nearest named color.
#E3ABCE
#B1E5AA
#ABE3DE
#CF71AF
#E9F6E2
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Pink Bliss | #E3ABCE | 227, 171, 206 | 323°, 50%, 78% | 0, 25, 9, 11 | 80.3% 0.080 341 | |
| Appetite | #B1E5AA | 177, 229, 170 | 113°, 53%, 78% | 23, 0, 26, 10 | 87.1% 0.096 142 | |
| Silent Ripple | #ABE3DE | 171, 227, 222 | 175°, 50%, 78% | 25, 0, 2, 11 | 87.6% 0.058 189 | |
| Sky Magenta | #CF71AF | 207, 113, 175 | 320°, 49%, 63% | 0, 45, 15, 19 | 67.4% 0.140 341 | |
| Homoeopathic Lime | #E9F6E2 | 233, 246, 226 | 99°, 53%, 93% | 5, 0, 8, 4 | 95.8% 0.030 134 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #CF71AF on #E9F6E2 | 2.83:1 | — |
| Aa #ABE3DE on #CF71AF | 2.23:1 | — |
| Aa #B1E5AA on #CF71AF | 2.21:1 | — |
| Aa #E3ABCE on #E9F6E2 | 1.71:1 | — |
| Aa #E3ABCE on #CF71AF | 1.66:1 | — |
| Aa #E3ABCE on #ABE3DE | 1.35:1 | — |
CSS variables
:root {
--color-1: #e3abce; /* Pink Bliss */
--color-2: #b1e5aa; /* Appetite */
--color-3: #abe3de; /* Silent Ripple */
--color-4: #cf71af; /* Sky Magenta */
--color-5: #e9f6e2; /* Homoeopathic Lime */
}Other schemes from Pink Bliss
- Pink Bliss Complementary Color Scheme#E3ABCE#F8EEF4#A7E0C2#77CC99#EBF8EF
- Pink Bliss Analogous Color Scheme#C2B2F0#DDAAEE#E3ABCE#E1AAAF#E2C0A8
- Pink Bliss Triadic Color Scheme#E3ABCE#D0E3AD#ACCDE2#F8EEF4#A9D171
- Pink Bliss Tetradic Color Scheme#E3ABCE#E2DCAB#A7E0C2#ACACE6#F8EEF4
- Pink Bliss Monochromatic Color Scheme#B53389#CF71AF#E3ABCE#F8E3EE#F8EEF4
More light pink split-complementary color schemes
- 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 Pink Bliss?
In a split-complementary scheme: Appetite (#B1E5AA), Silent Ripple (#ABE3DE), Sky Magenta (#CF71AF), Homoeopathic Lime (#E9F6E2).
What is the hex code of Pink Bliss?
#E3ABCE.