Pearly Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Pearly (#F4E3DF), each snapped to its nearest named color.
#F4E3DF
#DEF2EE
#DEE8F3
#E0B4A4
#ECF7F7
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Pearly | #F4E3DF | 244, 227, 223 | 11°, 49%, 92% | 0, 7, 9, 4 | |
| Glacier Bay | #DEF2EE | 222, 242, 238 | 168°, 43%, 91% | 8, 0, 2, 5 | |
| St. Petersburg | #DEE8F3 | 222, 232, 243 | 211°, 47%, 91% | 9, 5, 0, 5 | |
| Prosciutto | #E0B4A4 | 224, 180, 164 | 16°, 49%, 76% | 0, 20, 27, 12 | |
| Aijiro White | #ECF7F7 | 236, 247, 247 | 180°, 41%, 95% | 4, 0, 0, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E0B4A4 on #ECF7F7 | 1.71:1 | — |
| Aa #DEF2EE on #E0B4A4 | 1.61:1 | — |
| Aa #DEE8F3 on #E0B4A4 | 1.51:1 | — |
| Aa #F4E3DF on #E0B4A4 | 1.50:1 | — |
| Aa #F4E3DF on #ECF7F7 | 1.14:1 | — |
| Aa #DEE8F3 on #ECF7F7 | 1.13:1 | — |
CSS variables
:root {
--color-1: #f4e3df; /* Pearly */
--color-2: #def2ee; /* Glacier Bay */
--color-3: #dee8f3; /* St. Petersburg */
--color-4: #e0b4a4; /* Prosciutto */
--color-5: #ecf7f7; /* Aijiro White */
}Other schemes from Pearly
- Pearly Complementary Color Scheme#F4E3DF#F6EEED#DDF0F0#A8D3E1#EBF6F7
- Pearly Analogous Color Scheme#EEDDEE#F5DFE7#F4E3DF#F5EEDF#F0F6DD
- Pearly Triadic Color Scheme#F4E3DF#DDF3E5#E6DEF0#F6EEED#A4E3B3
- Pearly Tetradic Color Scheme#F4E3DF#E4F3DF#DDF0F0#EEDDEE#F6EEED
- Pearly Monochromatic Color Scheme#CB7D6F#E0B4A4#F4E3DF#F6EEED#F6EEED
More Very Light Red split-complementary palettes
- Abloom Split-complementary Color Scheme#F1CBCD#D1F0DD#CBE1F2#E19091#EBF8EF
- Angelic Wings Split-complementary Color Scheme#F4EFEE#F0F4F2#EEF2F3#D8C1BE#F0F4F2
- Angry Ghost Split-complementary Color Scheme#EEBBBB#BBEFD3#BBD5EF#DC7B7C#E9F9F5
- Apricot Haze Split-complementary Color Scheme#FFAAAA#AFFFD5#A7D7FF#FD5956#E6FDF1
- Ballet Split-complementary Color Scheme#F7D5D4#D0F7E4#D2E2F2#EF9A93#EBFCF5
- Ballet Slippers Split-complementary Color Scheme#FCA2AD#AAFFCC#A7D7FF#FC5669#E6FDF1
- Berry Good Split-complementary Color Scheme#EDC3C5#C2ECD8#C1DAED#DD8888#EBF8EF
- Bloodthirsty Beige Split-complementary Color Scheme#F8D7D0#CFF7EF#CFDAFB#F29E8E#EBFCF5
- Blowing Kisses Split-complementary Color Scheme#F6DEE0#DDF5E7#DCECF5#E5A2AB#EBF8EF
- Blush Kiss Split-complementary Color Scheme#EABCC0#BDE7CF#BBD6EA#D78187#EBF8EF
- Blush Rush Split-complementary Color Scheme#F0BCBE#BBEFD3#BED7F0#E07C89#E9F9F5
- Butterfly Kisses Split-complementary Color Scheme#F0DEDC#DEF1E7#DAE4EE#D9A8A8#EFF5F1
Questions
What colors go with Pearly?
In a split-complementary scheme: Glacier Bay (#DEF2EE), St. Petersburg (#DEE8F3), Prosciutto (#E0B4A4), Aijiro White (#ECF7F7).
What is the hex code of Pearly?
#F4E3DF.