Tofu Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Tofu (#E6E5D6), each snapped to its nearest named color.
#E6E5D6
#D6DFE7
#DDD6E7
#C8C5A7
#EEF2F3
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Tofu | #E6E5D6 | 230, 229, 214 | 56°, 24%, 87% | 0, 0, 7, 10 | 91.9% 0.020 104 | |
| Blustery Day | #D6DFE7 | 214, 223, 231 | 208°, 26%, 87% | 7, 3, 0, 9 | 89.9% 0.015 245 | |
| Light Lavender Water | #DDD6E7 | 221, 214, 231 | 265°, 26%, 87% | 4, 7, 0, 9 | 88.7% 0.024 304 | |
| Cargo Green | #C8C5A7 | 200, 197, 167 | 55°, 23%, 72% | 0, 1, 16, 22 | 81.8% 0.041 103 | |
| Maui Mist | #EEF2F3 | 238, 242, 243 | 192°, 17%, 94% | 2, 0, 0, 5 | 95.8% 0.004 214 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #C8C5A7 on #EEF2F3 | 1.55:1 | — |
| Aa #E6E5D6 on #C8C5A7 | 1.38:1 | — |
| Aa #D6DFE7 on #C8C5A7 | 1.30:1 | — |
| Aa #DDD6E7 on #EEF2F3 | 1.25:1 | — |
| Aa #DDD6E7 on #C8C5A7 | 1.24:1 | — |
| Aa #D6DFE7 on #EEF2F3 | 1.20:1 | — |
CSS variables
:root {
--color-1: #e6e5d6; /* Tofu */
--color-2: #d6dfe7; /* Blustery Day */
--color-3: #ddd6e7; /* Light Lavender Water */
--color-4: #c8c5a7; /* Cargo Green */
--color-5: #eef2f3; /* Maui Mist */
}Other schemes from Tofu
- Tofu Complementary Color Scheme#E6E5D6#F6F4EF#D3D7E7#A3A7CC#EBF1F5
- Tofu Analogous Color Scheme#E3D5D8#E6DDD6#E6E5D6#DFE5D7#D7E5D8
- Tofu Triadic Color Scheme#E6E5D6#D6E6E6#E4D7E5#F6F4EF#A7CAC9
- Tofu Tetradic Color Scheme#E6E5D6#D8E5DD#D3D7E7#E7D8DE#F6F4EF
- Tofu Monochromatic Color Scheme#AAAA77#C8C5A7#E6E5D6#F6F4EF#F6F4EF
More very light yellow split-complementary color schemes
- Au Clair de la Lune Split-complementary Color Scheme#F4F2E2#E2ECF2#EFE2F2#DED6AC#ECF3F9
- Banan-Appeal Split-complementary Color Scheme#FAF3A6#A7D7FF#CEA2FD#FBEC5E#E8F5FC
- Banana Cream Split-complementary Color Scheme#FFF49C#99DBFE#CC99FF#FBEB50#E8F5FC
- Banana Milk Split-complementary Color Scheme#FFF7AD#AADDFF#CCAAFF#FEF263#E8F5FC
- Banana Split Split-complementary Color Scheme#F7EEC8#C5E6F7#D0C7FF#EED786#E8F5FC
- Blanc Cassé Split-complementary Color Scheme#F1EEE2#E2ECF2#E5E3EF#DBCEAC#F0F4F8
- Blanco Split-complementary Color Scheme#EBEAE5#E1E9EF#E5E3EF#D1CCB0#EEF2F3
- Bleached Sunflower Split-complementary Color Scheme#FBE8A8#A4E4FC#B5AFFF#F8D75A#E8F7FD
- Blond Split-complementary Color Scheme#FAF0BE#B8E4F5#CCBBFF#F7E077#E8F7FD
- Bollywood Gold Split-complementary Color Scheme#FFFBAB#A7D7FF#CCAAFF#FCF75E#E8F5FC
- Bullet Hell Split-complementary Color Scheme#FAF1C8#C5E6F7#DFC5FE#F5DE85#E8F7FD
- Butter Honey Split-complementary Color Scheme#F5E5AB#B0E0F6#C2B2F0#EACE6A#E8F7FD
Questions
What colors go with Tofu?
In a split-complementary scheme: Blustery Day (#D6DFE7), Light Lavender Water (#DDD6E7), Cargo Green (#C8C5A7), Maui Mist (#EEF2F3).
What is the hex code of Tofu?
#E6E5D6.