Rose Elegance Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Rose Elegance (#E9A1B8), each snapped to its nearest named color.
#E9A1B8
#A4E3B3
#A4DDE9
#DB6484
#DFFAE1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Rose Elegance | #E9A1B8 | 233, 161, 184 | 341°, 62%, 77% | 0, 31, 21, 9 | 78.5% 0.090 359 | |
| Overtone | #A4E3B3 | 164, 227, 179 | 134°, 53%, 77% | 28, 0, 21, 11 | 86.0% 0.092 151 | |
| Luminescent Blue | #A4DDE9 | 164, 221, 233 | 190°, 61%, 78% | 30, 5, 0, 9 | 86.2% 0.060 212 | |
| Surfer Girl | #DB6484 | 219, 100, 132 | 344°, 62%, 63% | 0, 54, 40, 14 | 65.6% 0.152 5 | |
| Misty Lawn | #DFFAE1 | 223, 250, 225 | 124°, 73%, 93% | 11, 0, 10, 2 | 95.9% 0.044 147 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #DB6484 on #DFFAE1 | 3.06:1 | AA large |
| Aa #A4E3B3 on #DB6484 | 2.30:1 | — |
| Aa #A4DDE9 on #DB6484 | 2.29:1 | — |
| Aa #E9A1B8 on #DFFAE1 | 1.84:1 | — |
| Aa #E9A1B8 on #DB6484 | 1.66:1 | — |
| Aa #E9A1B8 on #A4E3B3 | 1.39:1 | — |
CSS variables
:root {
--color-1: #e9a1b8; /* Rose Elegance */
--color-2: #a4e3b3; /* Overtone */
--color-3: #a4dde9; /* Luminescent Blue */
--color-4: #db6484; /* Surfer Girl */
--color-5: #dffae1; /* Misty Lawn */
}Other schemes from Rose Elegance
- Rose Elegance Complementary Color Scheme#E9A1B8#F8EAED#A7E8D3#68DFBB#E9F9F5
- Rose Elegance Analogous Color Scheme#DDAAEE#E6A8D7#E9A1B8#E8AEA2#EAD2A2
- Rose Elegance Triadic Color Scheme#E9A1B8#BEE7A5#A3BAE3#F8EAED#8DCE65
- Rose Elegance Tetradic Color Scheme#E9A1B8#D9E6A6#A7E8D3#ACACE6#F8EAED
- Rose Elegance Monochromatic Color Scheme#CC3355#DB6484#E9A1B8#F9DFE5#F8EAED
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 Rose Elegance?
In a split-complementary scheme: Overtone (#A4E3B3), Luminescent Blue (#A4DDE9), Surfer Girl (#DB6484), Misty Lawn (#DFFAE1).
What is the hex code of Rose Elegance?
#E9A1B8.