Tatami
#deccaf
Looking for the precise values behind Tatami (#deccaf)? This page breaks it down into every color format designers and developers actually use.
Color values
| HEX | #deccaf | |
|---|---|---|
| RGB | rgb(222, 204, 175) | |
| HSL | hsl(37, 42%, 78%) | |
| CMYK | cmyk(0%, 8%, 21%, 13%) | |
| LAB | lab(83, 3, 17) | |
| OKLCH | oklch(0.85 0.044 80) |
Color harmonies
Tints & shades
Code snippets
color: #deccaf;
background-color: #deccaf;
/* Tailwind CSS (closest default swatch, not an exact match) */
bg-yellow-500 /* ≈ #f0b100 */
/* Flutter */
Color(0xFFDECCAF)
/* Swift / UIKit */
UIColor(red: 0.87, green: 0.80, blue: 0.69, alpha: 1.0)