Pearl Complementary Color Scheme
Five colors arranged by the complementary rule around Pearl (#EAE0C8), each snapped to its nearest named color.
#EAE0C8
#F7F5ED
#C9D1E9
#8FA4D2
#EDF2F8
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Pearl | #EAE0C8 | 234, 224, 200 | 42°, 45%, 85% | 0, 4, 15, 8 | |
| Snow Day | #F7F5ED | 247, 245, 237 | 48°, 38%, 95% | 0, 1, 4, 3 | |
| Arctic Glow | #C9D1E9 | 201, 209, 233 | 225°, 42%, 85% | 14, 10, 0, 9 | |
| Rip Van Periwinkle | #8FA4D2 | 143, 164, 210 | 221°, 43%, 69% | 32, 22, 0, 18 | |
| Airport | #EDF2F8 | 237, 242, 248 | 213°, 44%, 95% | 4, 2, 0, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F7F5ED on #8FA4D2 | 2.29:1 | — |
| Aa #8FA4D2 on #EDF2F8 | 2.22:1 | — |
| Aa #EAE0C8 on #8FA4D2 | 1.90:1 | — |
| Aa #C9D1E9 on #8FA4D2 | 1.64:1 | — |
| Aa #F7F5ED on #C9D1E9 | 1.40:1 | — |
| Aa #C9D1E9 on #EDF2F8 | 1.35:1 | — |
CSS variables
:root {
--color-1: #eae0c8; /* Pearl */
--color-2: #f7f5ed; /* Snow Day */
--color-3: #c9d1e9; /* Arctic Glow */
--color-4: #8fa4d2; /* Rip Van Periwinkle */
--color-5: #edf2f8; /* Airport */
}Other schemes from Pearl
- Pearl Analogous Color Scheme#EACAD0#E9CFC8#EAE0C8#E3EDC8#D0EBC8
- Pearl Triadic Color Scheme#EAE0C8#C4EAE0#E7C3E7#F7F5ED#93D4C0
- Pearl Split-complementary Color Scheme#EAE0C8#C9E3EB#D0C8E6#D3C190#ECF7F7
- Pearl Tetradic Color Scheme#EAE0C8#CAEDD0#C9D1E9#EFC6E1#F7F5ED
- Pearl Monochromatic Color Scheme#C1A65C#D3C190#EAE0C8#F7F5ED#F7F5ED
More Very Light Orange complementary palettes
- A Smell of Bakery Complementary Color Scheme#F3E9D9#F8F4ED#D8E1F1#9FB9E2#EDF2F8
- Acropolis Complementary Color Scheme#F8E2CA#FBF4E8#C6E3F7#88BBEE#EAF4FC
- Air-Kiss Complementary Color Scheme#F6DCD2#FAEFE9#D4E9F5#94D0E9#E8F5FC
- Albescent Complementary Color Scheme#E1DACB#F6F4EF#CBD1E1#99AAC8#EDF2F8
- Almond Complementary Color Scheme#EDDCC8#F8F4ED#C7DAED#95AFDC#ECF3F9
- Almond Brittle Complementary Color Scheme#E5D3B9#F8F4ED#B8CBE5#80A4CD#EDF2F8
- Alpaca Complementary Color Scheme#F9EDE2#F8F1EB#E0EBFA#A7C9EB#EAF4FC
- Ancient Scroll Complementary Color Scheme#F0E4D1#F8F4ED#D2DEF2#95AFDC#EDF2F8
- Angel Wing Complementary Color Scheme#F3DFD7#FAEFE9#D5EAF2#9DCEE3#EBF6F7
- Angelic White Complementary Color Scheme#F4EDE4#F8F4ED#E2ECF2#B0C4DE#EDF2F8
- Apricot Freeze Complementary Color Scheme#F3CFB7#FAEFE9#B8DEF2#7CB9E8#EAF4FC
- Apricot Sherbet Complementary Color Scheme#FBCD9F#FFF1E8#99CCFF#55AAFF#EAF4FC
Questions
What colors go with Pearl?
In a complementary scheme: Snow Day (#F7F5ED), Arctic Glow (#C9D1E9), Rip Van Periwinkle (#8FA4D2), Airport (#EDF2F8).
What is the hex code of Pearl?
#EAE0C8.