Ghost White Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Ghost White (#F8F8FF), each snapped to its nearest named color.
#F8F8FF
#FFF2E4
#F6FFE8
#AAAAFF
#FFF2E4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Ghost White | #F8F8FF | 248, 248, 255 | 240°, 100%, 99% | 3, 3, 0, 0 | |
| Doeskin | #FFF2E4 | 255, 242, 228 | 31°, 100%, 95% | 0, 5, 11, 0 | |
| Milk Foam | #F6FFE8 | 246, 255, 232 | 83°, 100%, 95% | 4, 0, 9, 0 | |
| Shy Moment | #AAAAFF | 170, 170, 255 | 240°, 100%, 83% | 33, 33, 0, 0 | |
| Doeskin | #FFF2E4 | 255, 242, 228 | 31°, 100%, 95% | 0, 5, 11, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F6FFE8 on #AAAAFF | 2.06:1 | — |
| Aa #F8F8FF on #AAAAFF | 2.01:1 | — |
| Aa #FFF2E4 on #AAAAFF | 1.93:1 | — |
| Aa #AAAAFF on #FFF2E4 | 1.93:1 | — |
| Aa #FFF2E4 on #F6FFE8 | 1.07:1 | — |
| Aa #F6FFE8 on #FFF2E4 | 1.07:1 | — |
CSS variables
:root {
--color-1: #f8f8ff; /* Ghost White */
--color-2: #fff2e4; /* Doeskin */
--color-3: #f6ffe8; /* Milk Foam */
--color-4: #aaaaff; /* Shy Moment */
--color-5: #fff2e4; /* Doeskin */
}Other schemes from Ghost White
- Ghost White Complementary Color Scheme#F8F8FF#E6E6FA#FFFFE5#FFFFAA#FFFFE5
- Ghost White Analogous Color Scheme#E7FEFF#E8F5FC#F8F8FF#F0EBFC#FFEBFE
- Ghost White Triadic Color Scheme#F8F8FF#FFE6E4#E7FBEC#E6E6FA#FFAAAA
- Ghost White Tetradic Color Scheme#F8F8FF#FFE6F1#FFFFE5#E6FDF1#E6E6FA
- Ghost White Monochromatic Color Scheme#5555FF#AAAAFF#F8F8FF#E6E6FA#E6E6FA
More White split-complementary palettes
- Anti-Flash White Split-complementary Color Scheme#F2F3F4#F4EFEE#F6F4EF#C1CEDA#F4EFEE
- Beluga Split-complementary Color Scheme#EFF2F1#F8EEF4#F4EFED#BDD9D0#F6F1F4
- Brilliance Split-complementary Color Scheme#FDFDFD#EFF5F1#EEF2F3#E0CDD1#EFF5F1
- Ceramic Split-complementary Color Scheme#FCFFF9#E6E6FA#FFEBFE#DDFFAA#E6E6FA
- Chef’s Hat Split-complementary Color Scheme#F3F4F5#F4EFEE#F6F4EF#C1CEDA#F4EFEE
- Cloud Break Split-complementary Color Scheme#F6F1FE#FFFBE8#EBFCEC#CEAEFA#FFFBE8
- Cotton Ball Split-complementary Color Scheme#F2F7FD#FCEBEB#FCFBEB#ABCDEF#FCEBEB
- Doctor Split-complementary Color Scheme#F9F9F9#EFF5F1#EEF2F3#DDC9C6#EFF5F1
- Dr. White Split-complementary Color Scheme#FAFAFA#EFF5F1#EEF2F3#DDC9C6#EFF5F1
- Emptiness Split-complementary Color Scheme#FCFDFC#F3F1F3#F5F0F1#CCE2CA#F3F1F3
- Errigal White Split-complementary Color Scheme#F2F2F4#F6F2F1#F4F4F0#C0C3D7#F6F2F1
- Everlasting Ice Split-complementary Color Scheme#F6FDFA#FCEBFA#F9EAEA#BBEFD3#FCEBFA
Questions
What colors go with Ghost White?
In a split-complementary scheme: Doeskin (#FFF2E4), Milk Foam (#F6FFE8), Shy Moment (#AAAAFF), Doeskin (#FFF2E4).
What is the hex code of Ghost White?
#F8F8FF.