Colore con nome · #655B55
Zinc Grey
Zinc Grey è #655B55: rgb(101 91 85), hsl(23 9% 36%), oklch(0.479 0.016 53.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Zinc Grey color name →
#655B55
oklch(0.479 0.016 53.1)
Conversioni di colore
- HEX
- #655b55
- RGB
- rgb(101 91 85)
- HSL
- hsl(23 9% 36%)
- HWB
- hwb(23 33% 60%)
- OKLCH
- oklch(0.479 0.016 53.1)
- OKLab
- oklab(0.479 0.01 0.013)
- CIE Lab
- lab(39.49 3.34 5.02)
- LCH
- lch(39.49 6.03 56.3)
- CMYK
- cmyk(0% 10% 16% 60%)
Tinte · Ombre · Toni
Tinte
- 736A64
- 827974
- 918984
- A09995
- AFA9A6
- BEBAB7
- CECBC9
- DEDCDB
- EFEDED
Ombre
- 574E49
- 49413D
- 3C3531
- 2F2926
- 221E1C
- 171311
- 0C0908
- 030302
- 000000
Toni
- 685F59
- 6A625D
- 6D6662
- 706A66
- 726D6A
- 75716E
- 787573
- 7B7877
- 7D7C7C
Armonie di colore
Complementare +180°
- 655B55
Zinc Grey
- 555F65
≈ Lava Rock
Analogo -30° +30°
- 655B55
Zinc Grey
- 665A59
≈ Roasted Black
- 625D53
≈ Office Grey
Triadico +120° +240°
- 655B55
Zinc Grey
- 54605C
≈ Earth Green
- 5D5C66
≈ Baroque Grey
Complementare divisa +150° +210°
- 655B55
Zinc Grey
- 536061
≈ Stream Bed
- 585D67
≈ Evening East
Tetradico +90° +180° +270°
- 655B55
Zinc Grey
- 586057
≈ Jasper Green
- 555F65
≈ Lava Rock
- 625A63
≈ Slate Mauve
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.60:1 · APCA Lc 83
Ag
FailSu nero
WCAG 3.18:1 · APCA Lc 19
Miglior colore del testo: #FFFFFF
WCAG 6.60:1 (AA) · APCA Lc 83
Contrast pairs
Frammenti di codice
CSS
:root {
--zinc-grey: #655b55;
--zinc-grey-rgb: 101 91 85;
--zinc-grey-oklch: oklch(0.479 0.016 53.1);
}
.element {
color: var(--zinc-grey);
background-color: hsl(23 9% 36%);
border-color: oklch(0.479 0.016 53.1);
}Tailwind CSS v4
@theme {
--color-zinc-grey: #655b55;
--color-zinc-grey-50: #f9f4f1;
--color-zinc-grey-100: #ece7e3;
--color-zinc-grey-200: #dad3ce;
--color-zinc-grey-300: #beb5b0;
--color-zinc-grey-400: #a79c96;
--color-zinc-grey-500: #8f837c;
--color-zinc-grey-600: #796f69;
--color-zinc-grey-700: #615954;
--color-zinc-grey-800: #47413d;
--color-zinc-grey-900: #312d2a;
--color-zinc-grey-950: #1d1a18;
}SCSS
$zinc-grey: #655b55;
$zinc-grey-rgb: 101, 91, 85;
$zinc-grey-light: mix(#fff, $zinc-grey, 20%);
$zinc-grey-dark: mix(#000, $zinc-grey, 20%);
.element {
color: $zinc-grey;
box-shadow: 0 0 0 2px rgba($zinc-grey, 0.35);
}