Ancient Scroll Complementary Color Scheme
Five colors arranged by the complementary rule around Ancient Scroll (#F0E4D1), each snapped to its nearest named color.
#F0E4D1
#F8F4ED
#D2DEF2
#95AFDC
#EDF2F8
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Ancient Scroll | #F0E4D1 | 240, 228, 209 | 37°, 51%, 88% | 0, 5, 13, 6 | |
| Crystal Cut | #F8F4ED | 248, 244, 237 | 38°, 44%, 95% | 0, 2, 4, 3 | |
| Puffy Cloud | #D2DEF2 | 210, 222, 242 | 217°, 55%, 89% | 13, 8, 0, 5 | |
| Blue Skies Today | #95AFDC | 149, 175, 220 | 218°, 50%, 72% | 32, 20, 0, 14 | |
| Airport | #EDF2F8 | 237, 242, 248 | 213°, 44%, 95% | 4, 2, 0, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F8F4ED on #95AFDC | 2.03:1 | — |
| Aa #95AFDC on #EDF2F8 | 1.98:1 | — |
| Aa #F0E4D1 on #95AFDC | 1.77:1 | — |
| Aa #D2DEF2 on #95AFDC | 1.64:1 | — |
| Aa #F8F4ED on #D2DEF2 | 1.24:1 | — |
| Aa #D2DEF2 on #EDF2F8 | 1.21:1 | — |
CSS variables
:root {
--color-1: #f0e4d1; /* Ancient Scroll */
--color-2: #f8f4ed; /* Crystal Cut */
--color-3: #d2def2; /* Puffy Cloud */
--color-4: #95afdc; /* Blue Skies Today */
--color-5: #edf2f8; /* Airport */
}Other schemes from Ancient Scroll
- Ancient Scroll Analogous Color Scheme#F2CFDC#EFD5CF#F0E4D1#EEF0D1#DAEED3
- Ancient Scroll Triadic Color Scheme#F0E4D1#D2EFE6#E9D2EF#F8F4ED#98DDC5
- Ancient Scroll Split-complementary Color Scheme#F0E4D1#D1EDEF#D7D1E9#DAC395#EEF7FA
- Ancient Scroll Tetradic Color Scheme#F0E4D1#D2EED6#D2DEF2#F0D5EA#F8F4ED
- Ancient Scroll Monochromatic Color Scheme#C6A05E#DAC395#F0E4D1#F8F4ED#F8F4ED
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
- 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
- Athena Complementary Color Scheme#DCD7CC#F6F4EF#C9D2DF#9EA5C3#EEF2F3
Questions
What colors go with Ancient Scroll?
In a complementary scheme: Crystal Cut (#F8F4ED), Puffy Cloud (#D2DEF2), Blue Skies Today (#95AFDC), Airport (#EDF2F8).
What is the hex code of Ancient Scroll?
#F0E4D1.