Colore con nome · #84613D
Loose Leather
Loose Leather è #84613D: rgb(132 97 61), hsl(30 37% 38%), oklch(0.52 0.068 66.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Loose Leather color name →
#84613D
oklch(0.52 0.068 66.1)
Conversioni di colore
- HEX
- #84613d
- RGB
- rgb(132 97 61)
- HSL
- hsl(30 37% 38%)
- HWB
- hwb(30 24% 48%)
- OKLCH
- oklch(0.52 0.068 66.1)
- OKLab
- oklab(0.52 0.028 0.063)
- CIE Lab
- lab(44.21 11.34 26.24)
- LCH
- lch(44.21 28.59 66.6)
- CMYK
- cmyk(0% 27% 54% 48%)
Tinte · Ombre · Toni
Tinte
- 907050
- 9C7F62
- A88E75
- B49E88
- C1AD9B
- CDBDAE
- D9CDC2
- E6DED6
- F2EEEA
Ombre
- 725334
- 60462B
- 4F3922
- 3F2D1A
- 2F2112
- 20150A
- 120B04
- 060301
- 010000
Toni
- 846444
- 84674B
- 836B52
- 836E59
- 837160
- 827466
- 82776D
- 817A73
- 817D7A
Armonie di colore
Complementare +180°
- 84613D
Loose Leather
- 476D8E
≈ Sailor’s Bay
Analogo -30° +30°
- 84613D
Loose Leather
- 8C5B4D
≈ Carob Brown
- 756939
≈ Sphagnum Moss
Triadico +120° +240°
- 84613D
Loose Leather
- 33766F
≈ Green Sleeves
- 735F88
≈ Mystical Purple
Complementare divisa +150° +210°
- 84613D
Loose Leather
- 347382
≈ Oceanic Metropolis
- 5E6691
≈ Twilight Purple
Tetradico +90° +180° +270°
- 84613D
Loose Leather
- 477558
≈ Como
- 476D8E
≈ Sailor’s Bay
- 825A78
≈ Dull Purple
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.58:1 · APCA Lc 78
Ag
FailSu nero
WCAG 3.75:1 · APCA Lc 24
Miglior colore del testo: #FFFFFF
WCAG 5.58:1 (AA) · APCA Lc 78
Contrast pairs
Frammenti di codice
CSS
:root {
--loose-leather: #84613d;
--loose-leather-rgb: 132 97 61;
--loose-leather-oklch: oklch(0.52 0.068 66.1);
}
.element {
color: var(--loose-leather);
background-color: hsl(30 37% 38%);
border-color: oklch(0.52 0.068 66.1);
}Tailwind CSS v4
@theme {
--color-loose-leather: #84613d;
--color-loose-leather-50: #fff2e1;
--color-loose-leather-100: #f8e4d0;
--color-loose-leather-200: #e8cfb6;
--color-loose-leather-300: #cfb192;
--color-loose-leather-400: #bb9773;
--color-loose-leather-500: #a57d54;
--color-loose-leather-600: #8c6a48;
--color-loose-leather-700: #705539;
--color-loose-leather-800: #533d29;
--color-loose-leather-900: #3a2a1b;
--color-loose-leather-950: #24180c;
}SCSS
$loose-leather: #84613d;
$loose-leather-rgb: 132, 97, 61;
$loose-leather-light: mix(#fff, $loose-leather, 20%);
$loose-leather-dark: mix(#000, $loose-leather, 20%);
.element {
color: $loose-leather;
box-shadow: 0 0 0 2px rgba($loose-leather, 0.35);
}