Misty Rose Triadic Color Scheme
Five colors arranged by the triadic rule around Misty Rose (#FFE4E1), each snapped to its nearest named color.
#FFE4E1
#E1F8E7
#E0E0FF
#FFE8E5
#8FFF9F
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Misty Rose | #FFE4E1 | 255, 228, 225 | 6°, 100%, 94% | 0, 11, 12, 0 | 94.0% 0.030 25 | |
| Toxic Latte | #E1F8E7 | 225, 248, 231 | 136°, 62%, 93% | 9, 0, 7, 3 | 95.8% 0.033 154 | |
| Stoic White | #E0E0FF | 224, 224, 255 | 240°, 100%, 94% | 12, 12, 0, 0 | 91.6% 0.042 286 | |
| Sheer Rosebud | #FFE8E5 | 255, 232, 229 | 7°, 100%, 95% | 0, 9, 10, 0 | 94.9% 0.026 27 | |
| Barium Green | #8FFF9F | 143, 255, 159 | 129°, 100%, 78% | 44, 0, 38, 0 | 91.0% 0.166 147 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E1F8E7 on #E0E0FF | 1.15:1 | — |
| Aa #E1F8E7 on #8FFF9F | 1.11:1 | — |
| Aa #E0E0FF on #FFE8E5 | 1.10:1 | — |
| Aa #FFE4E1 on #E1F8E7 | 1.08:1 | — |
| Aa #FFE4E1 on #E0E0FF | 1.07:1 | — |
| Aa #FFE8E5 on #8FFF9F | 1.06:1 | — |
CSS variables
:root {
--color-1: #ffe4e1; /* Misty Rose */
--color-2: #e1f8e7; /* Toxic Latte */
--color-3: #e0e0ff; /* Stoic White */
--color-4: #ffe8e5; /* Sheer Rosebud */
--color-5: #8fff9f; /* Barium Green */
}Other schemes from Misty Rose
- Misty Rose Complementary Color Scheme#FFE4E1#FFE8E5#E0FEFE#99EEFF#E7FEFF
- Misty Rose Analogous Color Scheme#FFE0F5#FDE1F0#FFE4E1#FFF5E0#FEFEE0
- Misty Rose Split-complementary Color Scheme#FFE4E1#E6FDF1#E0EBFA#FB9F93#E6FDF1
- Misty Rose Tetradic Color Scheme#FFE4E1#F1FDE9#E0FEFE#F6E5F6#FFE8E5
- Misty Rose Monochromatic Color Scheme#FF5349#FB9F93#FFE4E1#FFE8E5#FFE8E5
More very light red triadic color schemes
- 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 Misty Rose?
In a triadic scheme: Toxic Latte (#E1F8E7), Stoic White (#E0E0FF), Sheer Rosebud (#FFE8E5), Barium Green (#8FFF9F).
What is the hex code of Misty Rose?
#FFE4E1.