Rose Haze Complementary Color Scheme
Five colors arranged by the complementary rule around Rose Haze (#ECC5C0), each snapped to its nearest named color.
#ECC5C0
#F9ECEA
#C0E7EB
#81D1DA
#ECF7F7
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Rose Haze | #ECC5C0 | 236, 197, 192 | 7°, 54%, 84% | 0, 17, 19, 7 | |
| Salt Pebble | #F9ECEA | 249, 236, 234 | 8°, 56%, 95% | 0, 5, 6, 2 | |
| Launderette Blue | #C0E7EB | 192, 231, 235 | 186°, 52%, 84% | 18, 2, 0, 8 | |
| Sea of Tranquillity | #81D1DA | 129, 209, 218 | 186°, 55%, 68% | 41, 4, 0, 15 | |
| Aijiro White | #ECF7F7 | 236, 247, 247 | 180°, 41%, 95% | 4, 0, 0, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #81D1DA on #ECF7F7 | 1.59:1 | — |
| Aa #F9ECEA on #81D1DA | 1.51:1 | — |
| Aa #ECC5C0 on #ECF7F7 | 1.44:1 | — |
| Aa #ECC5C0 on #F9ECEA | 1.37:1 | — |
| Aa #C0E7EB on #81D1DA | 1.32:1 | — |
| Aa #C0E7EB on #ECF7F7 | 1.21:1 | — |
CSS variables
:root {
--color-1: #ecc5c0; /* Rose Haze */
--color-2: #f9ecea; /* Salt Pebble */
--color-3: #c0e7eb; /* Launderette Blue */
--color-4: #81d1da; /* Sea of Tranquillity */
--color-5: #ecf7f7; /* Aijiro White */
}Other schemes from Rose Haze
- Rose Haze Analogous Color Scheme#E7C3E7#EEC0D2#ECC5C0#EBDBC1#E8ECC0
- Rose Haze Triadic Color Scheme#ECC5C0#C1EFC6#C4C0E9#F9ECEA#98D98E
- Rose Haze Split-complementary Color Scheme#ECC5C0#C2ECD8#C0D5EF#DA8C87#E9F9F5
- Rose Haze Tetradic Color Scheme#ECC5C0#D0F0C0#C0E7EB#D5C7E8#F9ECEA
- Rose Haze Monochromatic Color Scheme#C95A49#DA8C87#ECC5C0#F9ECEA#F9ECEA
More Very Light Red complementary palettes
- Abloom Complementary Color Scheme#F1CBCD#F9EAEB#CCEEEE#9BE3D7#E7FAFA
- Angelic Wings Complementary Color Scheme#F4EFEE#F4EFEE#EEF2F3#BBD3DA#F1F3F3
- Angry Ghost Complementary Color Scheme#EEBBBB#F9EAEB#BBEEEE#78D8D9#EDFCFB
- Apricot Haze Complementary Color Scheme#FFAAAA#FFE6E4#AAFFFF#56FFFF#E7FEFF
- Ballet Complementary Color Scheme#F7D5D4#F9EAEA#D7F5F6#99EEEE#E7FAFA
- Ballet Slippers Complementary Color Scheme#FCA2AD#FDE6E7#AAFFEE#55FFEE#E7FEFF
- Berry Good Complementary Color Scheme#EDC3C5#F9EAEB#C3ECE9#88D9D8#ECF7F7
- Bloodthirsty Beige Complementary Color Scheme#F8D7D0#FCEBEB#D1F0F6#88DDEE#E8F7FD
- Blowing Kisses Complementary Color Scheme#F6DEE0#F9EAEB#DFFBF3#A0E3E0#E9F9F5
- Blush Kiss Complementary Color Scheme#EABCC0#F8EAED#BDE9E5#81D7D0#ECF7F7
- Blush Rush Complementary Color Scheme#F0BCBE#F9EAEB#BBEEEE#6FE7DB#E7FAFA
- Butterfly Kisses Complementary Color Scheme#F0DEDC#F6EEED#DDEEEE#A7D4D9#ECF7F7
Questions
What colors go with Rose Haze?
In a complementary scheme: Salt Pebble (#F9ECEA), Launderette Blue (#C0E7EB), Sea of Tranquillity (#81D1DA), Aijiro White (#ECF7F7).
What is the hex code of Rose Haze?
#ECC5C0.