Benannte Farbe · #9F9291
Tassel Taupe
Tassel Taupe ist #9F9291: rgb(159 146 145), hsl(4 7% 60%), oklch(0.671 0.016 22.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Tassel Taupe color name →
#9F9291
oklch(0.671 0.016 22.9)
Farbumrechnungen
- HEX
- #9f9291
- RGB
- rgb(159 146 145)
- HSL
- hsl(4 7% 60%)
- HWB
- hwb(4 57% 38%)
- OKLCH
- oklch(0.671 0.016 22.9)
- OKLab
- oklab(0.671 0.014 0.006)
- CIE Lab
- lab(61.69 4.85 2.37)
- LCH
- lch(61.69 5.4 26)
- CMYK
- cmyk(0% 8% 9% 38%)
Tints · Shades · Tones
Tints
- A89C9B
- B2A7A6
- BBB2B1
- C4BCBC
- CEC7C7
- D8D2D2
- E1DDDD
- EBE8E8
- F5F4F4
Shades
- 8A7E7D
- 756B6A
- 615858
- 4D4646
- 3B3535
- 292525
- 181615
- 090807
- 010101
Tones
- 9C908F
- 998E8E
- 968D8C
- 938B8A
- 8F8988
- 8C8787
- 898585
- 868483
- 838282
Farbharmonien
Komplementär +180°
- 9F9291
Tassel Taupe
- 8B999A
≈ Silver Blue
Analog -30° +30°
- 9F9291
Tassel Taupe
- 9E9296
≈ Lavender Elan
- 9E938D
≈ Tavern Taupe
Triadisch +120° +240°
- 9F9291
Tassel Taupe
- 90988F
≈ Ceremonial Grey
- 90969F
≈ Grisaille
Geteilt komplementär +150° +210°
- 9F9291
Tassel Taupe
- 8C9994
≈ Green Milieu
- 8D979E
≈ Raging Sea
Tetradisch +90° +180° +270°
- 9F9291
Tassel Taupe
- 95978C
≈ Evergreen Fog
- 8B999A
≈ Silver Blue
- 96949F
≈ Emperor’s Robe
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.00:1 · APCA Lc 57
Ag
AAAuf Schwarz
WCAG 6.99:1 · APCA Lc 45
Beste Textfarbe: #000000
WCAG 6.99:1 (AA) · APCA Lc 45
Contrast pairs
Code-Snippets
CSS
:root {
--tassel-taupe: #9f9291;
--tassel-taupe-rgb: 159 146 145;
--tassel-taupe-oklch: oklch(0.671 0.016 22.9);
}
.element {
color: var(--tassel-taupe);
background-color: hsl(4 7% 60%);
border-color: oklch(0.671 0.016 22.9);
}Tailwind CSS v4
@theme {
--color-tassel-taupe: #9f9291;
--color-tassel-taupe-50: #faf3f3;
--color-tassel-taupe-100: #ede6e5;
--color-tassel-taupe-200: #dbd2d1;
--color-tassel-taupe-300: #bfb4b3;
--color-tassel-taupe-400: #a89b9a;
--color-tassel-taupe-500: #908281;
--color-tassel-taupe-600: #7a6e6d;
--color-tassel-taupe-700: #625857;
--color-tassel-taupe-800: #484040;
--color-tassel-taupe-900: #322c2c;
--color-tassel-taupe-950: #1e1919;
}SCSS
$tassel-taupe: #9f9291;
$tassel-taupe-rgb: 159, 146, 145;
$tassel-taupe-light: mix(#fff, $tassel-taupe, 20%);
$tassel-taupe-dark: mix(#000, $tassel-taupe, 20%);
.element {
color: $tassel-taupe;
box-shadow: 0 0 0 2px rgba($tassel-taupe, 0.35);
}