Cor nomeada · #8A6347
Leather Work
Leather Work é #8A6347: rgb(138 99 71), hsl(25 32% 41%), oklch(0.533 0.065 56.5). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Leather Work color name →
#8A6347
oklch(0.533 0.065 56.5)
Conversões de cor
- HEX
- #8a6347
- RGB
- rgb(138 99 71)
- HSL
- hsl(25 32% 41%)
- HWB
- hwb(25 28% 46%)
- OKLCH
- oklch(0.533 0.065 56.5)
- OKLab
- oklab(0.533 0.036 0.054)
- CIE Lab
- lab(45.61 13.65 22.44)
- LCH
- lch(45.61 26.27 58.7)
- CMYK
- cmyk(0% 28% 49% 46%)
Tons claros · Sombras · Tons
Tons claros
- 967258
- A1816A
- AD907B
- B89F8D
- C4AEA0
- D0BEB2
- DCCEC5
- E7DED8
- F3EEEB
Sombras
- 77553D
- 654732
- 533A28
- 422E1F
- 322116
- 22160D
- 140B06
- 070302
- 010000
Tons
- 89664D
- 896953
- 886C59
- 876F5E
- 867264
- 85756A
- 84786F
- 837A75
- 817D7A
Harmonias de cor
Complementar +180°
- 8A6347
Leather Work
- 46738E
≈ Harbour Blue
Análoga -30° +30°
- 8A6347
Leather Work
- 8F5E59
≈ Antique Garnet
- 7D6A3F
≈ Blue Cheese Olive
Tríade +120° +240°
- 8A6347
Leather Work
- 3F796C
≈ Maturity
- 70658E
≈ Posy Purple
Complementar dividida +150° +210°
- 8A6347
Leather Work
- 397880
≈ Diver’s Eden
- 5B6C93
≈ Emerald-Crested Manakin
Tétrade +90° +180° +270°
- 8A6347
Leather Work
- 547756
≈ Elm Green
- 46738E
≈ Harbour Blue
- 815F81
≈ Trendy Pink
Contraste e acessibilidade
Ag
AASobre branco
WCAG 5.30:1 · APCA Lc 76
Ag
FailSobre preto
WCAG 3.95:1 · APCA Lc 25
Melhor cor de texto: #FFFFFF
WCAG 5.30:1 (AA) · APCA Lc 76
Contrast pairs
Trechos de código
CSS
:root {
--leather-work: #8a6347;
--leather-work-rgb: 138 99 71;
--leather-work-oklch: oklch(0.533 0.065 56.5);
}
.element {
color: var(--leather-work);
background-color: hsl(25 32% 41%);
border-color: oklch(0.533 0.065 56.5);
}Tailwind CSS v4
@theme {
--color-leather-work: #8a6347;
--color-leather-work-50: #fff1e3;
--color-leather-work-100: #f9e3d3;
--color-leather-work-200: #eaceb9;
--color-leather-work-300: #d2b097;
--color-leather-work-400: #bd9579;
--color-leather-work-500: #a87b5b;
--color-leather-work-600: #8e684e;
--color-leather-work-700: #72533e;
--color-leather-work-800: #543c2d;
--color-leather-work-900: #3b291e;
--color-leather-work-950: #25170e;
}SCSS
$leather-work: #8a6347;
$leather-work-rgb: 138, 99, 71;
$leather-work-light: mix(#fff, $leather-work, 20%);
$leather-work-dark: mix(#000, $leather-work, 20%);
.element {
color: $leather-work;
box-shadow: 0 0 0 2px rgba($leather-work, 0.35);
}