Colore con nome · #C1B6AB
Versatile Taupe
Versatile Taupe è #C1B6AB: rgb(193 182 171), hsl(30 15% 71%), oklch(0.782 0.02 67.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Versatile Taupe color name →
#C1B6AB
oklch(0.782 0.02 67.5)
Conversioni di colore
- HEX
- #c1b6ab
- RGB
- rgb(193 182 171)
- HSL
- hsl(30 15% 71%)
- HWB
- hwb(30 67% 24%)
- OKLCH
- oklch(0.782 0.02 67.5)
- OKLab
- oklab(0.782 0.008 0.018)
- CIE Lab
- lab(74.74 2.63 7.09)
- LCH
- lch(74.74 7.57 69.6)
- CMYK
- cmyk(0% 6% 11% 24%)
Tinte · Ombre · Toni
Tinte
- C7BDB3
- CDC4BB
- D3CBC4
- D9D3CC
- E0DAD4
- E6E1DD
- ECE9E5
- F2F0EE
- F9F8F6
Ombre
- A79E94
- 8F867E
- 776F68
- 5F5954
- 494440
- 34302D
- 201D1B
- 0E0C0B
- 020201
Toni
- BAB0A7
- B4ABA2
- ADA59E
- A6A09A
- A09B95
- 999591
- 93908D
- 8D8B88
- 868584
Armonie di colore
Complementare +180°
- C1B6AB
Versatile Taupe
- AEBAC4
≈ Cold Snap
Analogo -30° +30°
- C1B6AB
Versatile Taupe
- C4B4AF
≈ Rosy Linen
- BBB8AA
≈ Powered Rock
Triadico +120° +240°
- C1B6AB
Versatile Taupe
- ABBCBA
≈ Blue Willow
- BBB5C2
≈ Juniper Berry
Complementare divisa +150° +210°
- C1B6AB
Versatile Taupe
- ABBCC1
≈ Blue Heather
- B5B7C5
≈ Brother Blue
Tetradico +90° +180° +270°
- C1B6AB
Versatile Taupe
- AEBCB3
≈ Fresh Eucalyptus
- AEBAC4
≈ Cold Snap
- C1B3BD
≈ Blossom Powder
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.99:1 · APCA Lc 39
Ag
AAASu nero
WCAG 10.54:1 · APCA Lc 64
Miglior colore del testo: #000000
WCAG 10.54:1 (AAA) · APCA Lc 64
Contrast pairs
Frammenti di codice
CSS
:root {
--versatile-taupe: #c1b6ab;
--versatile-taupe-rgb: 193 182 171;
--versatile-taupe-oklch: oklch(0.782 0.02 67.5);
}
.element {
color: var(--versatile-taupe);
background-color: hsl(30 15% 71%);
border-color: oklch(0.782 0.02 67.5);
}Tailwind CSS v4
@theme {
--color-versatile-taupe: #c1b6ab;
--color-versatile-taupe-50: #f9f4ef;
--color-versatile-taupe-100: #ece7e1;
--color-versatile-taupe-200: #dad3cb;
--color-versatile-taupe-300: #beb6ad;
--color-versatile-taupe-400: #a79c92;
--color-versatile-taupe-500: #8f8479;
--color-versatile-taupe-600: #797066;
--color-versatile-taupe-700: #615952;
--color-versatile-taupe-800: #47413b;
--color-versatile-taupe-900: #312d29;
--color-versatile-taupe-950: #1d1a17;
}SCSS
$versatile-taupe: #c1b6ab;
$versatile-taupe-rgb: 193, 182, 171;
$versatile-taupe-light: mix(#fff, $versatile-taupe, 20%);
$versatile-taupe-dark: mix(#000, $versatile-taupe, 20%);
.element {
color: $versatile-taupe;
box-shadow: 0 0 0 2px rgba($versatile-taupe, 0.35);
}