Palette · 4 colors · Lc 8
Low Brown Mirror palette
Low Brown Mirror: a 4-color palette (Yellow, Warm, 4 Colors). HEX, RGB, HSL and OKLCH for #F3DDD2, #D8988F, #6D3C00, #271309, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F3DDD2
surface
#D8988F
accent
#6D3C00
text
#271309
Colors in Low Brown Mirror: HEX, RGB, HSL & OKLCH
- #F3DDD2 color page →
bg
#F3DDD2
- RGB
- rgb(243 221 210)
- HSL
- hsl(20 58% 89%)
- OKLCH
- oklch(0.912 0.029 48.4)
WCAG contrast: on white 1.30:1 (Fail) · on black 16.08:1 (AAA)
- #D8988F color page →
surface
#D8988F
- RGB
- rgb(216 152 143)
- HSL
- hsl(7 48% 70%)
- OKLCH
- oklch(0.74 0.079 28)
WCAG contrast: on white 2.38:1 (Fail) · on black 8.80:1 (AAA)
- #6D3C00 color page →
accent
#6D3C00
- RGB
- rgb(109 60 0)
- HSL
- hsl(33 100% 21%)
- OKLCH
- oklch(0.408 0.094 62)
WCAG contrast: on white 9.14:1 (AAA) · on black 2.29:1 (Fail)
- #271309 color page →
text
#271309
- RGB
- rgb(39 19 9)
- HSL
- hsl(20 63% 9%)
- OKLCH
- oklch(0.213 0.038 46.6)
WCAG contrast: on white 17.74:1 (AAA) · on black 1.18:1 (Fail)
Export Low Brown Mirror: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f3ddd2;
--surface: #d8988f;
--accent: #6d3c00;
--text: #271309;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f3ddd2;
--color-surface: #d8988f;
--color-accent: #6d3c00;
--color-text: #271309;
}JSON (DTCG tokens)
{
"low-brown-mirror-1sm": {
"bg": {
"$type": "color",
"$value": "#f3ddd2"
},
"surface": {
"$type": "color",
"$value": "#d8988f"
},
"accent": {
"$type": "color",
"$value": "#6d3c00"
},
"text": {
"$type": "color",
"$value": "#271309"
}
}
}About this palette
Low Brown Mirror is a 4-color OKLCH-ready palette tagged yellow, warm, 4 colors. Hex values: #F3DDD2, #D8988F, #6D3C00, #271309. APCA contrast score Lc 8. Open it in Colorise Pro Studio to lock roles and regenerate harmonies.
Related palettes
Shared tags, similar size and contrast.
Palettes with similar colors
Closest to Low Brown Mirror by OKLab color distance.