Palette · 5 colors · Lc 9.1
True Light Brown Circuit palette
True Light Brown Circuit: a 5-color palette (Yellow, Warm, 5 Colors). HEX, RGB, HSL and OKLCH for #F4EEE9, #AF6423, #0B7881, #4F679F, #190E05, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F4EEE9
surface
#AF6423
primary
#0B7881
accent
#4F679F
text
#190E05
Colors in True Light Brown Circuit: HEX, RGB, HSL & OKLCH
- #F4EEE9 color page →
bg
#F4EEE9
- RGB
- rgb(244 238 233)
- HSL
- hsl(27 33% 94%)
- OKLCH
- oklch(0.952 0.009 62.6)
WCAG contrast: on white 1.15:1 (Fail) · on black 18.25:1 (AAA)
- #AF6423 color page →
surface
#AF6423
- RGB
- rgb(175 100 35)
- HSL
- hsl(28 67% 41%)
- OKLCH
- oklch(0.578 0.123 56.9)
WCAG contrast: on white 4.49:1 (Fail) · on black 4.66:1 (AA)
- #0B7881 color page →
primary
#0B7881
- RGB
- rgb(11 120 129)
- HSL
- hsl(185 84% 27%)
- OKLCH
- oklch(0.523 0.087 204.2)
WCAG contrast: on white 5.22:1 (AA) · on black 4.01:1 (Fail)
- #4F679F color page →
accent
#4F679F
- RGB
- rgb(79 103 159)
- HSL
- hsl(222 34% 47%)
- OKLCH
- oklch(0.52 0.094 265.6)
WCAG contrast: on white 5.56:1 (AA) · on black 3.77:1 (Fail)
- #190E05 color page →
text
#190E05
- RGB
- rgb(25 14 5)
- HSL
- hsl(27 67% 6%)
- OKLCH
- oklch(0.176 0.026 62.1)
WCAG contrast: on white 18.98:1 (AAA) · on black 1.10:1 (Fail)
Export True Light Brown Circuit: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f4eee9;
--surface: #af6423;
--primary: #0b7881;
--accent: #4f679f;
--text: #190e05;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f4eee9;
--color-surface: #af6423;
--color-primary: #0b7881;
--color-accent: #4f679f;
--color-text: #190e05;
}JSON (DTCG tokens)
{
"true-light-brown-circuit-12o": {
"bg": {
"$type": "color",
"$value": "#f4eee9"
},
"surface": {
"$type": "color",
"$value": "#af6423"
},
"primary": {
"$type": "color",
"$value": "#0b7881"
},
"accent": {
"$type": "color",
"$value": "#4f679f"
},
"text": {
"$type": "color",
"$value": "#190e05"
}
}
}About this palette
True Light Brown Circuit is a 5-color OKLCH-ready palette tagged yellow, warm, 5 colors. Hex values: #F4EEE9, #AF6423, #0B7881, #4F679F, #190E05. APCA contrast score Lc 9.1. 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 True Light Brown Circuit by OKLab color distance.