Woven Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Woven (#E0D1A0), each snapped to its nearest named color.
#B19338
#CAB266
#E0D1A0
#F3EDD9
#F9F7EC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Balsam Pear | #B19338 | 177, 147, 56 | 45°, 52%, 46% | 0, 17, 68, 31 | |
| Canadian Maple | #CAB266 | 202, 178, 102 | 46°, 49%, 60% | 0, 12, 50, 21 | |
| Woven | #E0D1A0 | 224, 209, 160 | 46°, 51%, 75% | 0, 7, 29, 12 | |
| Satin Weave | #F3EDD9 | 243, 237, 217 | 46°, 52%, 90% | 0, 2, 11, 5 | |
| Night Blooming Jasmine | #F9F7EC | 249, 247, 236 | 51°, 52%, 95% | 0, 1, 5, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #B19338 on #F9F7EC | 2.75:1 | — |
| Aa #B19338 on #F3EDD9 | 2.52:1 | — |
| Aa #B19338 on #E0D1A0 | 1.94:1 | — |
| Aa #CAB266 on #F9F7EC | 1.94:1 | — |
| Aa #CAB266 on #F3EDD9 | 1.78:1 | — |
| Aa #B19338 on #CAB266 | 1.42:1 | — |
CSS variables
:root {
--color-1: #b19338; /* Balsam Pear */
--color-2: #cab266; /* Canadian Maple */
--color-3: #e0d1a0; /* Woven */
--color-4: #f3edd9; /* Satin Weave */
--color-5: #f9f7ec; /* Night Blooming Jasmine */
}Other schemes from Woven
- Woven Complementary Color Scheme#E0D1A0#F7F3E6#ACACE6#7777CC#E8EFF8
- Woven Analogous Color Scheme#E1A4B2#E0B4A4#E0D1A0#CEE9A0#B7E1A1
- Woven Triadic Color Scheme#E0D1A0#A0E3D1#DDAAEE#F9F7EC#64CDBE
- Woven Split-complementary Color Scheme#E0D1A0#A1D0E2#ACACE6#CAB266#DCECF5
- Woven Tetradic Color Scheme#E0D1A0#A4E3B3#ACACE6#E1A0CF#F9F7EC
More Light Yellow monochromatic palettes
- Alligator Alley Monochromatic Color Scheme#7C8635#AFBB42#C5D17B#DAE2B2#F6F7ED
- Ancient Treasure Monochromatic Color Scheme#AA8822#DCBA42#E7D082#F3EAC3#FCF7EB
- Animal Kingdom Monochromatic Color Scheme#72754F#9BA373#BCC09E#DCDDCC#F4F4F0
- Anna Banana Monochromatic Color Scheme#9F8303#E1BF03#F5D547#F6E491#FEF6D8
- April Showers Monochromatic Color Scheme#A1AC4D#C7CA86#DADEB5#F3F5E9#F6F7ED
- Ash Monochromatic Color Scheme#776F56#9E957C#BEBAA7#DDDED3#F4F4F0
- Aurora Monochromatic Color Scheme#817714#CAB012#EBD147#F5E28D#FBF4D1
- Banana Monochromatic Color Scheme#DDDD00#FFFF31#FFFC79#FFFEC6#FFFEE5
- Banana Drama Monochromatic Color Scheme#947706#DDBB11#F1D548#F6E491#FBF5D6
- Banana Frappé Monochromatic Color Scheme#AE9550#C7B882#DDD5B6#F5F3E9#F7F5ED
- Beekeeper Monochromatic Color Scheme#D9B611#F1D548#F6E491#FDF5D7#FFF9E7
- Beige Monochromatic Color Scheme#B8A336#DBC364#E6DAA6#F8F3E3#FAF7EB
Questions
What colors go with Woven?
In a monochromatic scheme: Balsam Pear (#B19338), Canadian Maple (#CAB266), Satin Weave (#F3EDD9), Night Blooming Jasmine (#F9F7EC).
What is the hex code of Woven?
#E0D1A0.