Colore con nome · #7F7166
Desert Taupe
Desert Taupe è #7F7166: rgb(127 113 102), hsl(26 11% 45%), oklch(0.558 0.024 60.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Desert Taupe color name →
#7F7166
oklch(0.558 0.024 60.4)
Conversioni di colore
- HEX
- #7f7166
- RGB
- rgb(127 113 102)
- HSL
- hsl(26 11% 45%)
- HWB
- hwb(26 40% 50%)
- OKLCH
- oklch(0.558 0.024 60.4)
- OKLab
- oklab(0.558 0.012 0.021)
- CIE Lab
- lab(48.72 4.21 8.23)
- LCH
- lch(48.72 9.24 62.9)
- CMYK
- cmyk(0% 11% 20% 50%)
Tinte · Ombre · Toni
Tinte
- 8B7E74
- 978C83
- A49991
- B0A7A0
- BDB5B0
- CAC4BF
- D7D2CF
- E4E1DF
- F2F0EF
Ombre
- 6E6158
- 5D524A
- 4C433C
- 3C352F
- 2D2723
- 1F1A17
- 110E0C
- 060404
- 010100
Toni
- 7F7369
- 7F746B
- 7F766E
- 807770
- 807973
- 807A76
- 807C78
- 807D7B
- 807F7D
Armonie di colore
Complementare +180°
- 7F7166
Desert Taupe
- 687681
≈ Hypnotic
Analogo -30° +30°
- 7F7166
Desert Taupe
- 826F6C
≈ Granite Boulder
- 797464
≈ Palm Lane
Triadico +120° +240°
- 7F7166
Desert Taupe
- 657975
≈ Earthen Cheer
- 767180
≈ Ritual
Complementare divisa +150° +210°
- 7F7166
Desert Taupe
- 64787C
≈ Crater Lake
- 6E7483
≈ Encore
Tetradico +90° +180° +270°
- 7F7166
Desert Taupe
- 6A786D
≈ Camping Trip
- 687681
≈ Hypnotic
- 7D6F7B
≈ Plum Shadow
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.71:1 · APCA Lc 73
Ag
FailSu nero
WCAG 4.45:1 · APCA Lc 29
Miglior colore del testo: #FFFFFF
WCAG 4.71:1 (AA) · APCA Lc 73
Contrast pairs
Frammenti di codice
CSS
:root {
--desert-taupe: #7f7166;
--desert-taupe-rgb: 127 113 102;
--desert-taupe-oklch: oklch(0.558 0.024 60.4);
}
.element {
color: var(--desert-taupe);
background-color: hsl(26 11% 45%);
border-color: oklch(0.558 0.024 60.4);
}Tailwind CSS v4
@theme {
--color-desert-taupe: #7f7166;
--color-desert-taupe-50: #faf4ee;
--color-desert-taupe-100: #eee6e0;
--color-desert-taupe-200: #dcd2ca;
--color-desert-taupe-300: #c1b5ab;
--color-desert-taupe-400: #aa9b90;
--color-desert-taupe-500: #938376;
--color-desert-taupe-600: #7c6f64;
--color-desert-taupe-700: #635950;
--color-desert-taupe-800: #49403a;
--color-desert-taupe-900: #332c28;
--color-desert-taupe-950: #1e1916;
}SCSS
$desert-taupe: #7f7166;
$desert-taupe-rgb: 127, 113, 102;
$desert-taupe-light: mix(#fff, $desert-taupe, 20%);
$desert-taupe-dark: mix(#000, $desert-taupe, 20%);
.element {
color: $desert-taupe;
box-shadow: 0 0 0 2px rgba($desert-taupe, 0.35);
}