Benannte Farbe · #554747
Chinotto
Chinotto ist #554747: rgb(85 71 71), hsl(0 9% 31%), oklch(0.412 0.019 18). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Chinotto color name →
#554747
oklch(0.412 0.019 18)
Farbumrechnungen
- HEX
- #554747
- RGB
- rgb(85 71 71)
- HSL
- hsl(0 9% 31%)
- HWB
- hwb(0 28% 67%)
- OKLCH
- oklch(0.412 0.019 18)
- OKLab
- oklab(0.412 0.018 0.006)
- CIE Lab
- lab(31.62 6.14 2.33)
- LCH
- lch(31.62 6.56 20.8)
- CMYK
- cmyk(0% 16% 16% 67%)
Tints · Shades · Tones
Tints
- 655757
- 746868
- 857A7A
- 958C8C
- A69E9E
- B7B1B1
- C9C4C4
- DBD7D7
- EDEBEB
Shades
- 493D3D
- 3D3232
- 312828
- 261F1F
- 1C1616
- 110D0D
- 080606
- 020202
- 000000
Tones
- 594C4C
- 5D5252
- 625857
- 665D5D
- 6A6363
- 6F6969
- 736E6E
- 777474
- 7C7A7A
Farbharmonien
Komplementär +180°
- 554747
Chinotto
- 3F4E4F
≈ Rocky Creek
Analog -30° +30°
- 554747
Chinotto
- 53474D
≈ Smoky Quartz
- 544842
≈ Havana Coffee
Triadisch +120° +240°
- 554747
Chinotto
- 464E44
≈ Charcoal Smoke
- 454B56
≈ Asphalt Blue
Geteilt komplementär +150° +210°
- 554747
Chinotto
- 414E49
≈ Corduroy
- 414D53
≈ Rocky Creek
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.82:1 · APCA Lc 90
Ag
FailAuf Schwarz
WCAG 2.37:1 · APCA Lc 12
Beste Textfarbe: #FFFFFF
WCAG 8.82:1 (AAA) · APCA Lc 90
Contrast pairs
Code-Snippets
CSS
:root {
--chinotto: #554747;
--chinotto-rgb: 85 71 71;
--chinotto-oklch: oklch(0.412 0.019 18);
}
.element {
color: var(--chinotto);
background-color: hsl(0 9% 31%);
border-color: oklch(0.412 0.019 18);
}Tailwind CSS v4
@theme {
--color-chinotto: #554747;
--color-chinotto-50: #fbf3f3;
--color-chinotto-100: #eee5e5;
--color-chinotto-200: #dcd1d1;
--color-chinotto-300: #c1b4b3;
--color-chinotto-400: #aa9a9a;
--color-chinotto-500: #938181;
--color-chinotto-600: #7c6e6d;
--color-chinotto-700: #635857;
--color-chinotto-800: #494040;
--color-chinotto-900: #322c2c;
--color-chinotto-950: #1e1919;
}SCSS
$chinotto: #554747;
$chinotto-rgb: 85, 71, 71;
$chinotto-light: mix(#fff, $chinotto, 20%);
$chinotto-dark: mix(#000, $chinotto, 20%);
.element {
color: $chinotto;
box-shadow: 0 0 0 2px rgba($chinotto, 0.35);
}