Benannte Farbe · #B19D8D
Light Taupe
Light Taupe ist #B19D8D: rgb(177 157 141), hsl(27 19% 62%), oklch(0.709 0.033 60.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Light Taupe color name →
#B19D8D
oklch(0.709 0.033 60.9)
Farbumrechnungen
- HEX
- #b19d8d
- RGB
- rgb(177 157 141)
- HSL
- hsl(27 19% 62%)
- HWB
- hwb(27 55% 31%)
- OKLCH
- oklch(0.709 0.033 60.9)
- OKLab
- oklab(0.709 0.016 0.029)
- CIE Lab
- lab(66.19 5.66 11.23)
- LCH
- lch(66.19 12.58 63.2)
- CMYK
- cmyk(0% 11% 20% 31%)
Tints · Shades · Tones
Tints
- B9A698
- C0B0A3
- C8BAAE
- D0C3B9
- D8CDC5
- DFD7D0
- E7E1DC
- EFEBE7
- F7F5F3
Shades
- 99887A
- 837367
- 6C5F55
- 574C44
- 423A33
- 2F2823
- 1C1814
- 0C0907
- 010101
Tones
- AC9A8C
- A7978A
- A29489
- 9D9188
- 988E87
- 938C85
- 8F8984
- 8A8683
- 858381
Farbharmonien
Komplementär +180°
- B19D8D
Light Taupe
- 90A4B4
≈ Cats and Dogs
Analog -30° +30°
- B19D8D
Light Taupe
- B59A95
≈ Iris Mauve
- A9A18A
≈ Sandy Bluff
Triadisch +120° +240°
- B19D8D
Light Taupe
- 8CA8A2
≈ Tropical Cascade
- A49DB3
≈ Lazy Lavender
Geteilt komplementär +150° +210°
- B19D8D
Light Taupe
- 8AA7AD
≈ Stone Silver
- 99A1B6
≈ Silver Star
Tetradisch +90° +180° +270°
- B19D8D
Light Taupe
- 93A797
≈ Mantle
- 90A4B4
≈ Cats and Dogs
- AE9AAB
≈ Lilac Lustre
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.60:1 · APCA Lc 51
Ag
AAAAuf Schwarz
WCAG 8.07:1 · APCA Lc 51
Beste Textfarbe: #000000
WCAG 8.07:1 (AAA) · APCA Lc 51
Contrast pairs
Code-Snippets
CSS
:root {
--light-taupe: #b19d8d;
--light-taupe-rgb: 177 157 141;
--light-taupe-oklch: oklch(0.709 0.033 60.9);
}
.element {
color: var(--light-taupe);
background-color: hsl(27 19% 62%);
border-color: oklch(0.709 0.033 60.9);
}Tailwind CSS v4
@theme {
--color-light-taupe: #b19d8d;
--color-light-taupe-50: #fcf3ec;
--color-light-taupe-100: #f0e6dd;
--color-light-taupe-200: #dfd2c6;
--color-light-taupe-300: #c4b4a7;
--color-light-taupe-400: #ad9a8b;
--color-light-taupe-500: #978271;
--color-light-taupe-600: #806e5f;
--color-light-taupe-700: #66584c;
--color-light-taupe-800: #4b4037;
--color-light-taupe-900: #342c26;
--color-light-taupe-950: #201914;
}SCSS
$light-taupe: #b19d8d;
$light-taupe-rgb: 177, 157, 141;
$light-taupe-light: mix(#fff, $light-taupe, 20%);
$light-taupe-dark: mix(#000, $light-taupe, 20%);
.element {
color: $light-taupe;
box-shadow: 0 0 0 2px rgba($light-taupe, 0.35);
}