Colore con nome · #A48454
Leather Tan
Leather Tan è #A48454: rgb(164 132 84), hsl(36 32% 49%), oklch(0.632 0.076 76.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Leather Tan color name →
#A48454
oklch(0.632 0.076 76.8)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- AD9065
- B69C76
- BFA886
- C8B497
- D1C0A8
- DACDB9
- E3D9CA
- EDE6DC
- F6F2ED
Ombre
- 8E7248
- 79603C
- 644F31
- 503F26
- 3D2F1B
- 2B2011
- 1A1208
- 0A0602
- 010100
Toni
- A08459
- 9D835E
- 998363
- 968367
- 92826C
- 8F8270
- 8B8274
- 878178
- 84817C
Armonie di colore
Complementare +180°
- A48454
Leather Tan
- 6C8CB8
≈ Debutante Ball
Analogo -30° +30°
- A48454
Leather Tan
- B07C62
≈ Cuddlepot
- 8F8D56
≈ Cornus Green
Triadico +120° +240°
- A48454
Leather Tan
- 4C989A
≈ Aquatic Green
- 9D7CA9
≈ Virtuous
Complementare divisa +150° +210°
- A48454
Leather Tan
- 5493AE
≈ Jet Ski
- 8683B6
≈ Aster Purple
Tetradico +90° +180° +270°
- A48454
Leather Tan
- 5A9980
≈ Succulent Green
- 6C8CB8
≈ Debutante Ball
- AC7793
≈ Cipher
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.49:1 · APCA Lc 62
Ag
AASu nero
WCAG 6.00:1 · APCA Lc 39
Miglior colore del testo: #000000
WCAG 6.00:1 (AA) · APCA Lc 39
Contrast pairs
Frammenti di codice
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);
}