Tatami Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Tatami (#DECCAF), each snapped to its nearest named color.
#DECCAF
#AFDADF
#B3B4DD
#C7A77B
#E6F1F1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Tatami | #DECCAF | 222, 204, 175 | 37°, 42%, 78% | 0, 8, 21, 13 | 85.3% 0.044 80 | |
| Daly Waters | #AFDADF | 175, 218, 223 | 186°, 43%, 78% | 22, 2, 0, 13 | 85.9% 0.045 205 | |
| Beloved | #B3B4DD | 179, 180, 221 | 239°, 38%, 78% | 19, 19, 0, 13 | 78.3% 0.058 284 | |
| Sugar Pie | #C7A77B | 199, 167, 123 | 35°, 40%, 63% | 0, 16, 38, 22 | 74.6% 0.070 75 | |
| Ethereal White | #E6F1F1 | 230, 241, 241 | 180°, 28%, 92% | 5, 0, 0, 5 | 95.0% 0.012 197 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #C7A77B on #E6F1F1 | 1.97:1 | — |
| Aa #B3B4DD on #E6F1F1 | 1.74:1 | — |
| Aa #AFDADF on #C7A77B | 1.51:1 | — |
| Aa #DECCAF on #C7A77B | 1.45:1 | — |
| Aa #DECCAF on #E6F1F1 | 1.36:1 | — |
| Aa #AFDADF on #B3B4DD | 1.33:1 | — |
CSS variables
:root {
--color-1: #deccaf; /* Tatami */
--color-2: #afdadf; /* Daly Waters */
--color-3: #b3b4dd; /* Beloved */
--color-4: #c7a77b; /* Sugar Pie */
--color-5: #e6f1f1; /* Ethereal White */
}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 Tetradic Color Scheme#DECCAF#AADEB2#B0C4DE#D9B1D6#F8F4ED
- Tatami Monochromatic Color Scheme#AE8845#C7A77B#DECCAF#F5EFE5#F8F4ED
More light orange split-complementary color schemes
- 24 Karat Split-complementary Color Scheme#DFC685#83C7DF#8A83DA#CFAC47#C1E4F0
- 3AM Latte Split-complementary Color Scheme#C0A98E#8FBCC4#8A8DC4#A9855D#BCDBDB
- Ancestral Gold Split-complementary Color Scheme#DDCDA6#A5D4DC#B4A6D5#C6AD6F#DDF0F0
- Angry Pasta Split-complementary Color Scheme#FFCC55#55DDFF#7755FF#FEB308#A6E7FF
- Anise Biscotti Split-complementary Color Scheme#E5D5AE#ADDAE3#ACACE6#D1B871#E8F4F7
- Another One Bites the Dust Split-complementary Color Scheme#C7BBA4#A4C3C5#AFA5C7#AD9773#D3E3E5
- Apricot Split-complementary Color Scheme#FFB16D#6FFFFF#7777FF#FF8822#BBFFFF
- Apricotta Split-complementary Color Scheme#D8A48F#8DD9CC#8B98D8#C57556#CAEDE4
- Artisans Gold Split-complementary Color Scheme#F2AB46#45E9FD#524EFB#DD8811#8AF1FE
- Ashes to Ashes Split-complementary Color Scheme#BBB3A2#9BBCC3#A598C4#A8946B#CADCDE
- Atomic Tangerine Split-complementary Color Scheme#FF9966#66EEEE#6688FF#FF6316#BBFFEE
- Attic Linen Split-complementary Color Scheme#CCBCA9#A7CAC9#ACA8CD#B09879#DAE7E9
Questions
What colors go with Tatami?
In a split-complementary scheme: Daly Waters (#AFDADF), Beloved (#B3B4DD), Sugar Pie (#C7A77B), Ethereal White (#E6F1F1).
What is the hex code of Tatami?
#DECCAF.