Colore con nome · #DAC7C4
Fairview Taupe
Fairview Taupe è #DAC7C4: rgb(218 199 196), hsl(8 23% 81%), oklch(0.845 0.022 28.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Fairview Taupe color name →
#DAC7C4
oklch(0.845 0.022 28.4)
Conversioni di colore
- HEX
- #dac7c4
- RGB
- rgb(218 199 196)
- HSL
- hsl(8 23% 81%)
- HWB
- hwb(8 77% 15%)
- OKLCH
- oklch(0.845 0.022 28.4)
- OKLab
- oklab(0.845 0.019 0.01)
- CIE Lab
- lab(81.78 6.51 4.05)
- LCH
- lch(81.78 7.67 31.9)
- CMYK
- cmyk(0% 9% 10% 15%)
Tinte · Ombre · Toni
Tinte
- DECCCA
- E1D2D0
- E5D8D5
- E9DDDB
- EDE3E1
- F0E8E7
- F4EEED
- F8F4F3
- FBF9F9
Ombre
- BDADAA
- A29391
- 877A78
- 6C6261
- 544C4A
- 3C3635
- 252121
- 110E0E
- 020202
Toni
- D1C0BD
- C7B8B6
- BEB1AF
- B5AAA8
- ACA3A1
- A39C9B
- 9A9594
- 918E8D
- 898787
Armonie di colore
Complementare +180°
- DAC7C4
Fairview Taupe
- BCD0D3
≈ Detroit
Analogo -30° +30°
- DAC7C4
Fairview Taupe
- D9C6CC
≈ Rosy Lavender
- D7C9BE
≈ Curly Maple
Triadico +120° +240°
- DAC7C4
Fairview Taupe
- C3D0C4
≈ Frosted Jade
- C6CCDB
≈ Lavender Steel
Complementare divisa +150° +210°
- DAC7C4
Fairview Taupe
- BED1CC
≈ Déjà Vu
- C0CED9
≈ Magical
Tetradico +90° +180° +270°
- DAC7C4
Fairview Taupe
- CACEBE
≈ Misty Memory
- BCD0D3
≈ Detroit
- CDC9D9
≈ Magic Scent
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.62:1 · APCA Lc 28
Ag
AAASu nero
WCAG 12.94:1 · APCA Lc 75
Miglior colore del testo: #000000
WCAG 12.94:1 (AAA) · APCA Lc 75
Contrast pairs
Frammenti di codice
CSS
:root {
--fairview-taupe: #dac7c4;
--fairview-taupe-rgb: 218 199 196;
--fairview-taupe-oklch: oklch(0.845 0.022 28.4);
}
.element {
color: var(--fairview-taupe);
background-color: hsl(8 23% 81%);
border-color: oklch(0.845 0.022 28.4);
}Tailwind CSS v4
@theme {
--color-fairview-taupe: #dac7c4;
--color-fairview-taupe-50: #fbf3f1;
--color-fairview-taupe-100: #efe5e3;
--color-fairview-taupe-200: #ddd1cf;
--color-fairview-taupe-300: #c2b4b1;
--color-fairview-taupe-400: #ab9a97;
--color-fairview-taupe-500: #94817e;
--color-fairview-taupe-600: #7d6d6b;
--color-fairview-taupe-700: #645755;
--color-fairview-taupe-800: #4a403e;
--color-fairview-taupe-900: #332c2b;
--color-fairview-taupe-950: #1f1918;
}SCSS
$fairview-taupe: #dac7c4;
$fairview-taupe-rgb: 218, 199, 196;
$fairview-taupe-light: mix(#fff, $fairview-taupe, 20%);
$fairview-taupe-dark: mix(#000, $fairview-taupe, 20%);
.element {
color: $fairview-taupe;
box-shadow: 0 0 0 2px rgba($fairview-taupe, 0.35);
}