Pearly Triadic Color Scheme
Five colors arranged by the triadic rule around Pearly (#F4E3DF), each snapped to its nearest named color.
#F4E3DF
#DDF3E5
#E6DEF0
#F6EEED
#A4E3B3
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Pearly | #F4E3DF | 244, 227, 223 | 11°, 49%, 92% | 0, 7, 9, 4 | 92.8% 0.019 33 | |
| Minified Malachite | #DDF3E5 | 221, 243, 229 | 142°, 48%, 91% | 9, 0, 6, 5 | 94.4% 0.030 158 | |
| Lingering Lilac | #E6DEF0 | 230, 222, 240 | 267°, 37%, 91% | 4, 7, 0, 6 | 91.2% 0.026 306 | |
| Grannie’s Pearls | #F6EEED | 246, 238, 237 | 7°, 33%, 95% | 0, 3, 4, 4 | 95.5% 0.009 26 | |
| Overtone | #A4E3B3 | 164, 227, 179 | 134°, 53%, 77% | 28, 0, 21, 11 | 86.0% 0.092 151 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F6EEED on #A4E3B3 | 1.29:1 | — |
| Aa #DDF3E5 on #A4E3B3 | 1.27:1 | — |
| Aa #F4E3DF on #A4E3B3 | 1.19:1 | — |
| Aa #E6DEF0 on #F6EEED | 1.14:1 | — |
| Aa #E6DEF0 on #A4E3B3 | 1.13:1 | — |
| Aa #DDF3E5 on #E6DEF0 | 1.12:1 | — |
CSS variables
:root {
--color-1: #f4e3df; /* Pearly */
--color-2: #ddf3e5; /* Minified Malachite */
--color-3: #e6def0; /* Lingering Lilac */
--color-4: #f6eeed; /* Grannie’s Pearls */
--color-5: #a4e3b3; /* Overtone */
}Other schemes from Pearly
- Pearly Complementary Color Scheme#F4E3DF#F6EEED#DDF0F0#A8D3E1#EBF6F7
- Pearly Analogous Color Scheme#EEDDEE#F5DFE7#F4E3DF#F5EEDF#F0F6DD
- Pearly Split-complementary Color Scheme#F4E3DF#DEF2EE#DEE8F3#E0B4A4#ECF7F7
- Pearly Tetradic Color Scheme#F4E3DF#E4F3DF#DDF0F0#EEDDEE#F6EEED
- Pearly Monochromatic Color Scheme#CB7D6F#E0B4A4#F4E3DF#F6EEED#F6EEED
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 Pearly?
In a triadic scheme: Minified Malachite (#DDF3E5), Lingering Lilac (#E6DEF0), Grannie’s Pearls (#F6EEED), Overtone (#A4E3B3).
What is the hex code of Pearly?
#F4E3DF.