Rose Elegance Complementary Color Scheme
Five colors arranged by the complementary rule around Rose Elegance (#E9A1B8), each snapped to its nearest named color.
#E9A1B8
#F8EAED
#A7E8D3
#68DFBB
#E9F9F5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Rose Elegance | #E9A1B8 | 233, 161, 184 | 341°, 62%, 77% | 0, 31, 21, 9 | |
| Morning Shine | #F8EAED | 248, 234, 237 | 347°, 50%, 95% | 0, 6, 4, 3 | |
| Sweet Aqua | #A7E8D3 | 167, 232, 211 | 161°, 59%, 78% | 28, 0, 9, 9 | |
| Ocean in a Bowl | #68DFBB | 104, 223, 187 | 162°, 65%, 64% | 53, 0, 16, 13 | |
| Melting Glacier | #E9F9F5 | 233, 249, 245 | 165°, 57%, 95% | 6, 0, 2, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E9A1B8 on #E9F9F5 | 1.89:1 | — |
| Aa #E9A1B8 on #F8EAED | 1.75:1 | — |
| Aa #68DFBB on #E9F9F5 | 1.50:1 | — |
| Aa #E9A1B8 on #A7E8D3 | 1.48:1 | — |
| Aa #F8EAED on #68DFBB | 1.40:1 | — |
| Aa #A7E8D3 on #E9F9F5 | 1.28:1 | — |
CSS variables
:root {
--color-1: #e9a1b8; /* Rose Elegance */
--color-2: #f8eaed; /* Morning Shine */
--color-3: #a7e8d3; /* Sweet Aqua */
--color-4: #68dfbb; /* Ocean in a Bowl */
--color-5: #e9f9f5; /* Melting Glacier */
}Other schemes from Rose Elegance
- Rose Elegance Analogous Color Scheme#DDAAEE#E6A8D7#E9A1B8#E8AEA2#EAD2A2
- Rose Elegance Triadic Color Scheme#E9A1B8#BEE7A5#A3BAE3#F8EAED#8DCE65
- Rose Elegance Split-complementary Color Scheme#E9A1B8#A4E3B3#A4DDE9#DB6484#DFFAE1
- Rose Elegance Tetradic Color Scheme#E9A1B8#D9E6A6#A7E8D3#ACACE6#F8EAED
- Rose Elegance Monochromatic Color Scheme#CC3355#DB6484#E9A1B8#F9DFE5#F8EAED
More Light Pink complementary palettes
- Always Rosey Complementary Color Scheme#E79DB3#FBE5EA#9CE5D6#68DFBB#E9F9F5
- Atomic Pink Complementary Color Scheme#FB7EFD#FFDDFF#8CFD7E#26FF2A#E1F8E7
- Avant-Garde Pink Complementary Color Scheme#FF77EE#FED0FC#7BE892#2DFE54#DFFAE1
- Barbiecore Complementary Color Scheme#E15ACB#F2ABE1#4CFF7B#31D652#B8F8B8
- Blush d’Amour Complementary Color Scheme#DE5D83#EFA7BF#5FD1BA#33CC99#B6ECDE
- Blushing Sky Complementary Color Scheme#D9B1D6#F8EEF4#B1D4B7#7EC083#EBF8EF
- Bubblegum Complementary Color Scheme#FF85FF#FFE0F5#94FF94#26FF2A#E7FBEC
- Bubblegum Beam Complementary Color Scheme#F887C7#FFDDEE#80F9AD#2AF589#E6FDF1
- Bubblegum Kisses Complementary Color Scheme#F092D6#FFE3F4#99EEAA#4CFF7B#EBFCEC
- Candy Floss Complementary Color Scheme#E8A7E2#FCEBFA#AAEEAA#77DD77#EBFCEC
- Candy Pink Complementary Color Scheme#FF63E9#FFBBEE#73FA79#16F12D#CCFFCC
- Classy Mauve Complementary Color Scheme#BB99AA#E4CFD7#8EBBAC#64A281#D3E7DC
Questions
What colors go with Rose Elegance?
In a complementary scheme: Morning Shine (#F8EAED), Sweet Aqua (#A7E8D3), Ocean in a Bowl (#68DFBB), Melting Glacier (#E9F9F5).
What is the hex code of Rose Elegance?
#E9A1B8.