Royal Goblet Complementary Color Scheme
Five colors arranged by the complementary rule around Royal Goblet (#D4CA8E), each snapped to its nearest named color.
#D4CA8E
#ECEAD0
#8B98D8
#556CB5
#D5DAEE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Royal Goblet | #D4CA8E | 212, 202, 142 | 51°, 45%, 69% | 0, 5, 33, 17 | |
| Wrack White | #ECEAD0 | 236, 234, 208 | 56°, 42%, 87% | 0, 1, 12, 7 | |
| Portage | #8B98D8 | 139, 152, 216 | 230°, 50%, 70% | 36, 30, 0, 15 | |
| Amparo Blue | #556CB5 | 85, 108, 181 | 226°, 39%, 52% | 53, 40, 0, 29 | |
| Blissful Meditation | #D5DAEE | 213, 218, 238 | 228°, 42%, 88% | 11, 8, 0, 7 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #ECEAD0 on #556CB5 | 4.11:1 | AA large |
| Aa #556CB5 on #D5DAEE | 3.59:1 | AA large |
| Aa #D4CA8E on #556CB5 | 3.01:1 | AA large |
| Aa #ECEAD0 on #8B98D8 | 2.28:1 | — |
| Aa #8B98D8 on #D5DAEE | 1.99:1 | — |
| Aa #8B98D8 on #556CB5 | 1.81:1 | — |
CSS variables
:root {
--color-1: #d4ca8e; /* Royal Goblet */
--color-2: #ecead0; /* Wrack White */
--color-3: #8b98d8; /* Portage */
--color-4: #556cb5; /* Amparo Blue */
--color-5: #d5daee; /* Blissful Meditation */
}Other schemes from Royal Goblet
- Royal Goblet Analogous Color Scheme#CF8D9A#D4A88D#D4CA8E#BFD392#99D590
- Royal Goblet Triadic Color Scheme#D4CA8E#8BD3C6#C687D6#EFEDD8#56BEAB
- Royal Goblet Split-complementary Color Scheme#D4CA8E#8CB9D4#AA8ED6#BFAE5B#C3DCE9
- Royal Goblet Tetradic Color Scheme#D4CA8E#94D8AC#8B98D8#D492BD#EFEDD8
- Royal Goblet Monochromatic Color Scheme#95863C#BFAE5B#D4CA8E#EAE5C5#F7F5ED
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 Royal Goblet?
In a complementary scheme: Wrack White (#ECEAD0), Portage (#8B98D8), Amparo Blue (#556CB5), Blissful Meditation (#D5DAEE).
What is the hex code of Royal Goblet?
#D4CA8E.