Colore con nome · #CDB9A2
Rustic Taupe
Rustic Taupe è #CDB9A2: rgb(205 185 162), hsl(32 30% 72%), oklch(0.797 0.039 71.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Rustic Taupe color name →
#CDB9A2
oklch(0.797 0.039 71.1)
Conversioni di colore
- HEX
- #cdb9a2
- RGB
- rgb(205 185 162)
- HSL
- hsl(32 30% 72%)
- HWB
- hwb(32 64% 20%)
- OKLCH
- oklch(0.797 0.039 71.1)
- OKLab
- oklab(0.797 0.013 0.037)
- CIE Lab
- lab(76.41 4.65 14.45)
- LCH
- lch(76.41 15.18 72.1)
- CMYK
- cmyk(0% 10% 21% 20%)
Tinte · Ombre · Toni
Tinte
- D2C0AB
- D7C7B4
- DCCEBD
- E1D5C7
- E6DCD0
- EBE3D9
- F0EAE3
- F5F1EC
- FAF8F5
Ombre
- B2A08C
- 988977
- 7E7163
- 665B4F
- 4E463C
- 38312A
- 231E19
- 0F0D0A
- 020201
Toni
- C5B39F
- BDAD9B
- B5A898
- AEA294
- A69C91
- 9E968E
- 97918A
- 8F8B87
- 878683
Armonie di colore
Complementare +180°
- CDB9A2
Rustic Taupe
- ABBFD5
≈ Blue Thistle
Analogo -30° +30°
- CDB9A2
Rustic Taupe
- D4B5AA
≈ Castilian Pink
- C2BEA1
≈ Shaken or Stirred?
Triadico +120° +240°
- CDB9A2
Rustic Taupe
- A1C5C3
≈ Raindrop
- C5B6D0
≈ Sweet Scent
Complementare divisa +150° +210°
- CDB9A2
Rustic Taupe
- A2C3CE
≈ Airborne
- B8BAD6
≈ Purple Heather
Tetradico +90° +180° +270°
- CDB9A2
Rustic Taupe
- A8C5B5
≈ Kind Green
- ABBFD5
≈ Blue Thistle
- CFB3C4
≈ Twilight Bloom
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.89:1 · APCA Lc 36
Ag
AAASu nero
WCAG 11.05:1 · APCA Lc 66
Miglior colore del testo: #000000
WCAG 11.05:1 (AAA) · APCA Lc 66
Contrast pairs
Frammenti di codice
CSS
:root {
--rustic-taupe: #cdb9a2;
--rustic-taupe-rgb: 205 185 162;
--rustic-taupe-oklch: oklch(0.797 0.039 71.1);
}
.element {
color: var(--rustic-taupe);
background-color: hsl(32 30% 72%);
border-color: oklch(0.797 0.039 71.1);
}Tailwind CSS v4
@theme {
--color-rustic-taupe: #cdb9a2;
--color-rustic-taupe-50: #fcf4e9;
--color-rustic-taupe-100: #f0e6da;
--color-rustic-taupe-200: #dfd2c3;
--color-rustic-taupe-300: #c4b5a2;
--color-rustic-taupe-400: #ad9b86;
--color-rustic-taupe-500: #97826a;
--color-rustic-taupe-600: #806e5a;
--color-rustic-taupe-700: #665848;
--color-rustic-taupe-800: #4b4034;
--color-rustic-taupe-900: #342c23;
--color-rustic-taupe-950: #201912;
}SCSS
$rustic-taupe: #cdb9a2;
$rustic-taupe-rgb: 205, 185, 162;
$rustic-taupe-light: mix(#fff, $rustic-taupe, 20%);
$rustic-taupe-dark: mix(#000, $rustic-taupe, 20%);
.element {
color: $rustic-taupe;
box-shadow: 0 0 0 2px rgba($rustic-taupe, 0.35);
}