Colore con nome · #8C8373
Zinc Lustre
Zinc Lustre è #8C8373: rgb(140 131 115), hsl(38 10% 50%), oklch(0.613 0.026 82.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Zinc Lustre color name →
#8C8373
oklch(0.613 0.026 82.1)
Conversioni di colore
- HEX
- #8c8373
- RGB
- rgb(140 131 115)
- HSL
- hsl(38 10% 50%)
- HWB
- hwb(38 45% 45%)
- OKLCH
- oklch(0.613 0.026 82.1)
- OKLab
- oklab(0.613 0.004 0.026)
- CIE Lab
- lab(55.22 1.42 9.97)
- LCH
- lch(55.22 10.08 81.9)
- CMYK
- cmyk(0% 6% 18% 45%)
Tinte · Ombre · Toni
Tinte
- 978F80
- A29B8D
- ADA79B
- B9B3A9
- C4BFB7
- D0CCC5
- DBD8D3
- E7E5E2
- F3F2F0
Ombre
- 797163
- 676054
- 554F45
- 433F36
- 332F28
- 23201B
- 14120F
- 070605
- 010101
Toni
- 8B8374
- 8A8276
- 888277
- 878278
- 86827A
- 85817B
- 84817C
- 82817D
- 81807F
Armonie di colore
Complementare +180°
- 8C8373
Zinc Lustre
- 7C8594
≈ Salon Bleu
Analogo -30° +30°
- 8C8373
Zinc Lustre
- 918076
≈ Carmel Mission
- 848674
≈ Cottage Lattice Green
Triadico +120° +240°
- 8C8373
Zinc Lustre
- 73898B
≈ Twilight Stroll
- 8C7F8E
≈ Asian Violet
Complementare divisa +150° +210°
- 8C8373
Zinc Lustre
- 758791
≈ Lyric Blue
- 848293
≈ Mecha Metal
Tetradico +90° +180° +270°
- 8C8373
Zinc Lustre
- 758A82
≈ Misty Moor
- 7C8594
≈ Salon Bleu
- 917E86
≈ Mighty Mauve
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.74:1 · APCA Lc 65
Ag
AASu nero
WCAG 5.60:1 · APCA Lc 37
Miglior colore del testo: #000000
WCAG 5.60:1 (AA) · APCA Lc 37
Contrast pairs
Frammenti di codice
CSS
:root {
--zinc-lustre: #8c8373;
--zinc-lustre-rgb: 140 131 115;
--zinc-lustre-oklch: oklch(0.613 0.026 82.1);
}
.element {
color: var(--zinc-lustre);
background-color: hsl(38 10% 50%);
border-color: oklch(0.613 0.026 82.1);
}Tailwind CSS v4
@theme {
--color-zinc-lustre: #8c8373;
--color-zinc-lustre-50: #f9f5ed;
--color-zinc-lustre-100: #ece7de;
--color-zinc-lustre-200: #d9d4c8;
--color-zinc-lustre-300: #beb7a9;
--color-zinc-lustre-400: #a69d8e;
--color-zinc-lustre-500: #8f8573;
--color-zinc-lustre-600: #797062;
--color-zinc-lustre-700: #615a4e;
--color-zinc-lustre-800: #474238;
--color-zinc-lustre-900: #312d27;
--color-zinc-lustre-950: #1d1a15;
}SCSS
$zinc-lustre: #8c8373;
$zinc-lustre-rgb: 140, 131, 115;
$zinc-lustre-light: mix(#fff, $zinc-lustre, 20%);
$zinc-lustre-dark: mix(#000, $zinc-lustre, 20%);
.element {
color: $zinc-lustre;
box-shadow: 0 0 0 2px rgba($zinc-lustre, 0.35);
}