Tatami Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Tatami (#DECCAF), each snapped to its nearest named color.
#AE8845
#C7A77B
#DECCAF
#F5EFE5
#F8F4ED
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Indian Spice | #AE8845 | 174, 136, 69 | 38°, 43%, 48% | 0, 22, 60, 32 | |
| Sugar Pie | #C7A77B | 199, 167, 123 | 35°, 40%, 63% | 0, 16, 38, 22 | |
| Tatami | #DECCAF | 222, 204, 175 | 37°, 42%, 78% | 0, 8, 21, 13 | |
| White Beach | #F5EFE5 | 245, 239, 229 | 37°, 44%, 93% | 0, 2, 7, 4 | |
| Crystal Cut | #F8F4ED | 248, 244, 237 | 38°, 44%, 95% | 0, 2, 4, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #AE8845 on #F8F4ED | 2.99:1 | — |
| Aa #AE8845 on #F5EFE5 | 2.87:1 | — |
| Aa #AE8845 on #DECCAF | 2.09:1 | — |
| Aa #C7A77B on #F8F4ED | 2.07:1 | — |
| Aa #C7A77B on #F5EFE5 | 1.99:1 | — |
| Aa #C7A77B on #DECCAF | 1.45:1 | — |
CSS variables
:root {
--color-1: #ae8845; /* Indian Spice */
--color-2: #c7a77b; /* Sugar Pie */
--color-3: #deccaf; /* Tatami */
--color-4: #f5efe5; /* White Beach */
--color-5: #f8f4ed; /* Crystal Cut */
}Other schemes from Tatami
- Tatami Complementary Color Scheme#DECCAF#F8F4ED#B0C4DE#7895CC#EDF2F8
- Tatami Analogous Color Scheme#DEB4C5#DFB5B0#DECCAF#DADFB0#C2DCB4
- Tatami Triadic Color Scheme#DECCAF#AFDDCC#CAADD8#F8F4ED#73C4A4
- Tatami Split-complementary Color Scheme#DECCAF#AFDADF#B3B4DD#C7A77B#E6F1F1
- Tatami Tetradic Color Scheme#DECCAF#AADEB2#B0C4DE#D9B1D6#F8F4ED
More Light Orange monochromatic palettes
- 24 Karat Monochromatic Color Scheme#AA8031#CFAC47#DFC685#F0E2C4#FAF6EA
- 3AM Latte Monochromatic Color Scheme#715A45#A9855D#C0A98E#DACEBE#F6F4EF
- Ancestral Gold Monochromatic Color Scheme#AC8A41#C6AD6F#DDCDA6#F2ECDE#F7F5ED
- Angry Pasta Monochromatic Color Scheme#BE8400#FEB308#FFCC55#FFE1A3#FFF8E4
- Anise Biscotti Monochromatic Color Scheme#BB993A#D1B871#E5D5AE#F9F2E7#F7F5EC
- Another One Bites the Dust Monochromatic Color Scheme#82714D#AB9975#C7BBA4#E4DED2#F6F4EF
- Apricot Monochromatic Color Scheme#DA6304#FF8822#FFB16D#FFDAB9#FFF2E4
- Apricotta Monochromatic Color Scheme#975437#C57556#D8A48F#EDD1C7#F8F1EB
- Artisans Gold Monochromatic Color Scheme#995511#DD8811#F2AB46#F5C78E#FCECD5
- Ashes to Ashes Monochromatic Color Scheme#726854#9C8E74#BBB3A2#DBD7CE#F4F4F0
- Atomic Tangerine Monochromatic Color Scheme#CC4400#FF6316#FF9966#FFCCB6#FFECE5
- Attic Linen Monochromatic Color Scheme#8A7054#B09879#CCBCA9#E9E1D9#F6F4EF
Questions
What colors go with Tatami?
In a monochromatic scheme: Indian Spice (#AE8845), Sugar Pie (#C7A77B), White Beach (#F5EFE5), Crystal Cut (#F8F4ED).
What is the hex code of Tatami?
#DECCAF.