Beige Triadic Color Scheme
Five colors arranged by the triadic rule around Beige (#E6DAA6), each snapped to its nearest named color.
#E6DAA6
#A0E5D9
#DDAAEE
#FAF7EB
#66D0C0
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Beige | #E6DAA6 | 230, 218, 166 | 49°, 56%, 78% | 0, 5, 28, 10 | |
| Sea Glass Teal | #A0E5D9 | 160, 229, 217 | 170°, 57%, 76% | 30, 0, 5, 10 | |
| Petal Plush | #DDAAEE | 221, 170, 238 | 285°, 67%, 80% | 7, 29, 0, 7 | |
| Van de Cane | #FAF7EB | 250, 247, 235 | 48°, 60%, 95% | 0, 1, 6, 2 | |
| Patina | #66D0C0 | 102, 208, 192 | 171°, 53%, 61% | 51, 0, 8, 18 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #DDAAEE on #FAF7EB | 1.77:1 | — |
| Aa #FAF7EB on #66D0C0 | 1.72:1 | — |
| Aa #E6DAA6 on #DDAAEE | 1.35:1 | — |
| Aa #A0E5D9 on #FAF7EB | 1.33:1 | — |
| Aa #A0E5D9 on #DDAAEE | 1.33:1 | — |
| Aa #E6DAA6 on #66D0C0 | 1.32:1 | — |
CSS variables
:root {
--color-1: #e6daa6; /* Beige */
--color-2: #a0e5d9; /* Sea Glass Teal */
--color-3: #ddaaee; /* Petal Plush */
--color-4: #faf7eb; /* Van de Cane */
--color-5: #66d0c0; /* Patina */
}Other schemes from Beige
- Beige Complementary Color Scheme#E6DAA6#FAF7EB#ACACE6#7777CC#E8EFF8
- Beige Analogous Color Scheme#E5A5B1#E8B9A5#E6DAA6#D9E6A6#B1E5AA
- Beige Split-complementary Color Scheme#E6DAA6#A6D3E6#ACACE6#DBC364#E7F0F7
- Beige Tetradic Color Scheme#E6DAA6#A4E3B3#ACACE6#E6A8D7#FAF7EB
- Beige Monochromatic Color Scheme#B8A336#DBC364#E6DAA6#F8F3E3#FAF7EB
More Light Yellow triadic palettes
- Alligator Alley Triadic Color Scheme#C5D17B#76C4D1#CC77CC#E9EAC8#53B1BA
- Ancient Treasure Triadic Color Scheme#E7D082#87E0CF#CB82E3#F8F0D8#55CCBB
- Animal Kingdom Triadic Color Scheme#BCC09E#9BBCC3#CC99BB#E9EADB#6C9DA9
- Anna Banana Triadic Color Scheme#F5D547#4EFFCD#D94FF5#FBE8A8#0AE9B4
- April Showers Triadic Color Scheme#DADEB5#B7DADD#DEB7D9#F6F7ED#85C1C4
- Ash Triadic Color Scheme#BEBAA7#9CC2BF#BB9ECA#EDE9DF#72A49F
- Aurora Triadic Color Scheme#EBD147#40E0D0#DC41F1#F4E7A5#11CCBB
- Banana Triadic Color Scheme#FFFC79#73FDFF#FF77FF#FFFEDF#33FFFF
- Banana Drama Triadic Color Scheme#F1D548#4EFFCD#D94FF5#FBE8A8#04D8B2
- Banana Frappé Triadic Color Scheme#DDD5B6#B4DCD3#CEBADA#F7F5ED#81C3B4
- Beekeeper Triadic Color Scheme#F6E491#89F5E3#EE99EE#FFF9E7#4EFFCD
- Beige and Sage Triadic Color Scheme#BBC199#9BBCC3#CA99B7#E5E8D9#6C9DA9
Questions
What colors go with Beige?
In a triadic scheme: Sea Glass Teal (#A0E5D9), Petal Plush (#DDAAEE), Van de Cane (#FAF7EB), Patina (#66D0C0).
What is the hex code of Beige?
#E6DAA6.