Rose Haze Triadic Color Scheme
Five colors arranged by the triadic rule around Rose Haze (#ECC5C0), each snapped to its nearest named color.
#ECC5C0
#C1EFC6
#C4C0E9
#F9ECEA
#98D98E
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Rose Haze | #ECC5C0 | 236, 197, 192 | 7°, 54%, 84% | 0, 17, 19, 7 | |
| Peasful Mint | #C1EFC6 | 193, 239, 198 | 127°, 59%, 85% | 19, 0, 17, 6 | |
| Violet Gems | #C4C0E9 | 196, 192, 233 | 246°, 48%, 83% | 16, 18, 0, 9 | |
| Salt Pebble | #F9ECEA | 249, 236, 234 | 8°, 56%, 95% | 0, 5, 6, 2 | |
| Leek | #98D98E | 152, 217, 142 | 112°, 50%, 70% | 30, 0, 35, 15 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #C4C0E9 on #F9ECEA | 1.51:1 | — |
| Aa #F9ECEA on #98D98E | 1.44:1 | — |
| Aa #ECC5C0 on #F9ECEA | 1.37:1 | — |
| Aa #C1EFC6 on #C4C0E9 | 1.36:1 | — |
| Aa #C1EFC6 on #98D98E | 1.30:1 | — |
| Aa #ECC5C0 on #C1EFC6 | 1.23:1 | — |
CSS variables
:root {
--color-1: #ecc5c0; /* Rose Haze */
--color-2: #c1efc6; /* Peasful Mint */
--color-3: #c4c0e9; /* Violet Gems */
--color-4: #f9ecea; /* Salt Pebble */
--color-5: #98d98e; /* Leek */
}Other schemes from Rose Haze
- Rose Haze Complementary Color Scheme#ECC5C0#F9ECEA#C0E7EB#81D1DA#ECF7F7
- Rose Haze Analogous Color Scheme#E7C3E7#EEC0D2#ECC5C0#EBDBC1#E8ECC0
- 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 triadic palettes
- Abloom Triadic Color Scheme#F1CBCD#CEF0CC#CCCCEE#F9EAEB#94E089
- Angelic Wings Triadic Color Scheme#F4EFEE#EFF5F1#EBEEF3#F4EFEE#BDD8C0
- Angry Ghost Triadic Color Scheme#EEBBBB#BBE6BB#BCBDE4#F9EAEB#77DD77
- Apricot Haze Triadic Color Scheme#FFAAAA#AAFFAA#AAAAFF#FFE6E4#53FE5C
- Ballet Triadic Color Scheme#F7D5D4#D8F3D7#D2D8F4#F9EAEA#90EE90
- Ballet Slippers Triadic Color Scheme#FCA2AD#B2FBA5#AAAAFF#FDE6E7#66FF55
- Berry Good Triadic Color Scheme#EDC3C5#C1EFC6#C4C0E9#F9EAEB#98D98E
- Bloodthirsty Beige Triadic Color Scheme#F8D7D0#D2F4DD#DCD0FF#FCEBEB#90EE90
- Blowing Kisses Triadic Color Scheme#F6DEE0#E1F2DF#D8E1F1#F9EAEB#A8E4A0
- Blush Kiss Triadic Color Scheme#EABCC0#C2ECBC#B7C0EA#F8EAED#8CCE86
- Blush Rush Triadic Color Scheme#F0BCBE#B8F8B8#B8B8F8#F9EAEB#8DE07C
- Butterfly Kisses Triadic Color Scheme#F0DEDC#DEF1DD#DDDCEF#F6EEED#A5D7B2
Questions
What colors go with Rose Haze?
In a triadic scheme: Peasful Mint (#C1EFC6), Violet Gems (#C4C0E9), Salt Pebble (#F9ECEA), Leek (#98D98E).
What is the hex code of Rose Haze?
#ECC5C0.