Cor nomeada · #A48454
Leather Tan
Leather Tan é #A48454: rgb(164 132 84), hsl(36 32% 49%), oklch(0.632 0.076 76.8). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Leather Tan color name →
#A48454
oklch(0.632 0.076 76.8)
Conversões de cor
- HEX
- #a48454
- RGB
- rgb(164 132 84)
- HSL
- hsl(36 32% 49%)
- HWB
- hwb(36 33% 36%)
- OKLCH
- oklch(0.632 0.076 76.8)
- OKLab
- oklab(0.632 0.017 0.074)
- CIE Lab
- lab(57.4 8.04 30.69)
- LCH
- lch(57.4 31.72 75.3)
- CMYK
- cmyk(0% 20% 49% 36%)
Tons claros · Sombras · Tons
Tons claros
- AD9065
- B69C76
- BFA886
- C8B497
- D1C0A8
- DACDB9
- E3D9CA
- EDE6DC
- F6F2ED
Sombras
- 8E7248
- 79603C
- 644F31
- 503F26
- 3D2F1B
- 2B2011
- 1A1208
- 0A0602
- 010100
Tons
- A08459
- 9D835E
- 998363
- 968367
- 92826C
- 8F8270
- 8B8274
- 878178
- 84817C
Harmonias de cor
Complementar +180°
- A48454
Leather Tan
- 6C8CB8
≈ Debutante Ball
Análoga -30° +30°
- A48454
Leather Tan
- B07C62
≈ Cuddlepot
- 8F8D56
≈ Cornus Green
Tríade +120° +240°
- A48454
Leather Tan
- 4C989A
≈ Aquatic Green
- 9D7CA9
≈ Virtuous
Complementar dividida +150° +210°
- A48454
Leather Tan
- 5493AE
≈ Jet Ski
- 8683B6
≈ Aster Purple
Tétrade +90° +180° +270°
- A48454
Leather Tan
- 5A9980
≈ Succulent Green
- 6C8CB8
≈ Debutante Ball
- AC7793
≈ Cipher
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 3.49:1 · APCA Lc 62
Ag
AASobre preto
WCAG 6.00:1 · APCA Lc 39
Melhor cor de texto: #000000
WCAG 6.00:1 (AA) · APCA Lc 39
Contrast pairs
Trechos de código
CSS
:root {
--leather-tan: #a48454;
--leather-tan-rgb: 164 132 84;
--leather-tan-oklch: oklch(0.632 0.076 76.8);
}
.element {
color: var(--leather-tan);
background-color: hsl(36 32% 49%);
border-color: oklch(0.632 0.076 76.8);
}Tailwind CSS v4
@theme {
--color-leather-tan: #a48454;
--color-leather-tan-50: #fff3de;
--color-leather-tan-100: #f6e6cc;
--color-leather-tan-200: #e6d1b0;
--color-leather-tan-300: #cdb38c;
--color-leather-tan-400: #b8996b;
--color-leather-tan-500: #a37f4a;
--color-leather-tan-600: #896c3f;
--color-leather-tan-700: #6e5632;
--color-leather-tan-800: #523f23;
--color-leather-tan-900: #392b17;
--color-leather-tan-950: #231808;
}SCSS
$leather-tan: #a48454;
$leather-tan-rgb: 164, 132, 84;
$leather-tan-light: mix(#fff, $leather-tan, 20%);
$leather-tan-dark: mix(#000, $leather-tan, 20%);
.element {
color: $leather-tan;
box-shadow: 0 0 0 2px rgba($leather-tan, 0.35);
}