Paved With Gold Complementary Color Scheme
Five colors arranged by the complementary rule around Paved With Gold (#E8D284), each snapped to its nearest named color.
#E8D284
#F6EED1
#8F8CE7
#4B62D2
#D8E1F1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Paved With Gold | #E8D284 | 232, 210, 132 | 47°, 68%, 71% | 0, 9, 43, 9 | |
| Mayonnaise | #F6EED1 | 246, 238, 209 | 47°, 67%, 89% | 0, 3, 15, 4 | |
| Perrywinkle | #8F8CE7 | 143, 140, 231 | 242°, 65%, 73% | 38, 39, 0, 9 | |
| Monarchist | #4B62D2 | 75, 98, 210 | 230°, 60%, 56% | 64, 53, 0, 18 | |
| Aquarelle Purple | #D8E1F1 | 216, 225, 241 | 218°, 47%, 90% | 10, 7, 0, 5 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F6EED1 on #4B62D2 | 4.54:1 | AA |
| Aa #4B62D2 on #D8E1F1 | 4.01:1 | AA large |
| Aa #E8D284 on #4B62D2 | 3.52:1 | AA large |
| Aa #F6EED1 on #8F8CE7 | 2.55:1 | — |
| Aa #8F8CE7 on #D8E1F1 | 2.26:1 | — |
| Aa #E8D284 on #8F8CE7 | 1.98:1 | — |
CSS variables
:root {
--color-1: #e8d284; /* Paved With Gold */
--color-2: #f6eed1; /* Mayonnaise */
--color-3: #8f8ce7; /* Perrywinkle */
--color-4: #4b62d2; /* Monarchist */
--color-5: #d8e1f1; /* Aquarelle Purple */
}Other schemes from Paved With Gold
- Paved With Gold Analogous Color Scheme#E9819A#EBA180#E8D284#CFE587#94E089
- Paved With Gold Triadic Color Scheme#E8D284#87E0CF#CB82E3#F9F1DB#55CCBB
- Paved With Gold Split-complementary Color Scheme#E8D284#82CDE5#B195E4#DCBA42#C5E6F7
- Paved With Gold Tetradic Color Scheme#E8D284#87F8A3#8F8CE7#EE88CC#F9F1DB
- Paved With Gold Monochromatic Color Scheme#AC9825#DCBA42#E8D284#F3EAC3#FCF7EB
More Light Yellow complementary palettes
- Alligator Alley Complementary Color Scheme#C5D17B#E6E6BC#8878C3#5946B2#CEC8EF
- Ancient Treasure Complementary Color Scheme#E7D082#F7EECF#8F8CE7#4B62D2#DBDBF7
- Animal Kingdom Complementary Color Scheme#BCC09E#E4E4D5#A09BC6#776EA2#DCDDE7
- Anna Banana Complementary Color Scheme#F5D547#FCE99F#4166F5#0033EE#A2BFFE
- April Showers Complementary Color Scheme#DADEB5#F6F7ED#B3B4DD#8980C1#EBECF5
- Ash Complementary Color Scheme#BEBAA7#E8E5D8#9EA5C3#6B7BA7#DEE1ED
- Aurora Complementary Color Scheme#EBD147#F1E798#4466EE#0033CC#A3B1F2
- Banana Complementary Color Scheme#FFFC79#FFFFD4#7777FF#3A2EFE#D6EAFC
- Banana Drama Complementary Color Scheme#F1D548#F8EC9E#4466EE#0033DD#A3B1F2
- Banana Frappé Complementary Color Scheme#DDD5B6#F7F5ED#B8BFDC#8491C3#EDF2F8
- Beekeeper Complementary Color Scheme#F6E491#FFF9E7#9BA0EF#4466EE#E8EEFE
- Beige Complementary Color Scheme#E6DAA6#FAF7EB#ACACE6#7777CC#E8EFF8
Questions
What colors go with Paved With Gold?
In a complementary scheme: Mayonnaise (#F6EED1), Perrywinkle (#8F8CE7), Monarchist (#4B62D2), Aquarelle Purple (#D8E1F1).
What is the hex code of Paved With Gold?
#E8D284.