Woven Triadic Color Scheme
Five colors arranged by the triadic rule around Woven (#E0D1A0), each snapped to its nearest named color.
#E0D1A0
#A0E3D1
#DDAAEE
#F9F7EC
#64CDBE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Woven | #E0D1A0 | 224, 209, 160 | 46°, 51%, 75% | 0, 7, 29, 12 | |
| Aqua Wish | #A0E3D1 | 160, 227, 209 | 164°, 54%, 76% | 30, 0, 8, 11 | |
| Petal Plush | #DDAAEE | 221, 170, 238 | 285°, 67%, 80% | 7, 29, 0, 7 | |
| Night Blooming Jasmine | #F9F7EC | 249, 247, 236 | 51°, 52%, 95% | 0, 1, 5, 2 | |
| Kinetic Teal | #64CDBE | 100, 205, 190 | 171°, 51%, 60% | 51, 0, 7, 20 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F9F7EC on #64CDBE | 1.77:1 | — |
| Aa #DDAAEE on #F9F7EC | 1.77:1 | — |
| Aa #E0D1A0 on #F9F7EC | 1.42:1 | — |
| Aa #A0E3D1 on #F9F7EC | 1.36:1 | — |
| Aa #A0E3D1 on #64CDBE | 1.31:1 | — |
| Aa #A0E3D1 on #DDAAEE | 1.30:1 | — |
CSS variables
:root {
--color-1: #e0d1a0; /* Woven */
--color-2: #a0e3d1; /* Aqua Wish */
--color-3: #ddaaee; /* Petal Plush */
--color-4: #f9f7ec; /* Night Blooming Jasmine */
--color-5: #64cdbe; /* Kinetic Teal */
}Other schemes from Woven
- Woven Complementary Color Scheme#E0D1A0#F7F3E6#ACACE6#7777CC#E8EFF8
- Woven Analogous Color Scheme#E1A4B2#E0B4A4#E0D1A0#CEE9A0#B7E1A1
- Woven Split-complementary Color Scheme#E0D1A0#A1D0E2#ACACE6#CAB266#DCECF5
- Woven Tetradic Color Scheme#E0D1A0#A4E3B3#ACACE6#E1A0CF#F9F7EC
- Woven Monochromatic Color Scheme#B19338#CAB266#E0D1A0#F3EDD9#F9F7EC
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 Triadic Color Scheme#E6DAA6#A0E5D9#DDAAEE#FAF7EB#66D0C0
Questions
What colors go with Woven?
In a triadic scheme: Aqua Wish (#A0E3D1), Petal Plush (#DDAAEE), Night Blooming Jasmine (#F9F7EC), Kinetic Teal (#64CDBE).
What is the hex code of Woven?
#E0D1A0.