Colore con nome · #B19D8D
Light Taupe
Light Taupe è #B19D8D: rgb(177 157 141), hsl(27 19% 62%), oklch(0.709 0.033 60.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Light Taupe color name →
#B19D8D
oklch(0.709 0.033 60.9)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- B9A698
- C0B0A3
- C8BAAE
- D0C3B9
- D8CDC5
- DFD7D0
- E7E1DC
- EFEBE7
- F7F5F3
Ombre
- 99887A
- 837367
- 6C5F55
- 574C44
- 423A33
- 2F2823
- 1C1814
- 0C0907
- 010101
Toni
- AC9A8C
- A7978A
- A29489
- 9D9188
- 988E87
- 938C85
- 8F8984
- 8A8683
- 858381
Armonie di colore
Complementare +180°
- B19D8D
Light Taupe
- 90A4B4
≈ Cats and Dogs
Analogo -30° +30°
- B19D8D
Light Taupe
- B59A95
≈ Iris Mauve
- A9A18A
≈ Sandy Bluff
Triadico +120° +240°
- B19D8D
Light Taupe
- 8CA8A2
≈ Tropical Cascade
- A49DB3
≈ Lazy Lavender
Complementare divisa +150° +210°
- B19D8D
Light Taupe
- 8AA7AD
≈ Stone Silver
- 99A1B6
≈ Silver Star
Tetradico +90° +180° +270°
- B19D8D
Light Taupe
- 93A797
≈ Mantle
- 90A4B4
≈ Cats and Dogs
- AE9AAB
≈ Lilac Lustre
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.60:1 · APCA Lc 51
Ag
AAASu nero
WCAG 8.07:1 · APCA Lc 51
Miglior colore del testo: #000000
WCAG 8.07:1 (AAA) · APCA Lc 51
Contrast pairs
Frammenti di codice
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);
}