Nazwany kolor · #D8C7C2
Ancestral Haze
Ancestral Haze to #D8C7C2: rgb(216 199 194), hsl(14 22% 80%), oklch(0.842 0.02 37). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Ancestral Haze color name →
#D8C7C2
oklch(0.842 0.02 37)
Konwersje koloru
- HEX
- #d8c7c2
- RGB
- rgb(216 199 194)
- HSL
- hsl(14 22% 80%)
- HWB
- hwb(14 76% 15%)
- OKLCH
- oklch(0.842 0.02 37)
- OKLab
- oklab(0.842 0.016 0.012)
- CIE Lab
- lab(81.56 5.53 4.77)
- LCH
- lch(81.56 7.3 40.8)
- CMYK
- cmyk(0% 8% 10% 15%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DCCCC8
- E0D2CE
- E4D8D4
- E8DDDA
- EBE3E0
- EFE8E6
- F3EEEC
- F7F4F3
- FBF9F9
Odcienie ciemniejsze
- BCADA8
- A0938F
- 857A77
- 6B6260
- 534C49
- 3B3634
- 252120
- 110E0E
- 020202
Tony
- CFC0BB
- C6B8B4
- BDB1AE
- B4AAA7
- ABA3A0
- A29C9A
- 9A9593
- 918E8D
- 888786
Harmonie kolorów
Komplementarna +180°
- D8C7C2
Ancestral Haze
- BDCFD4
≈ Shhh…
Analogowa -30° +30°
- D8C7C2
Ancestral Haze
- D8C6C9
≈ Odyssey Lilac
- D5C9BE
≈ Old Map
Triada +120° +240°
- D8C7C2
Ancestral Haze
- C1CFC6
≈ Azul Tequila
- C7CAD9
≈ Daybreak Beckons
Komplementarna rozszczepiona +150° +210°
- D8C7C2
Ancestral Haze
- BDD0CD
≈ Breath of Green
- C1CDD8
≈ Siberian Ice
Tetrada +90° +180° +270°
- D8C7C2
Ancestral Haze
- C8CEC0
≈ Harp
- BDCFD4
≈ Shhh…
- CFC8D6
≈ Moon Goddess
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.63:1 · APCA Lc 28
Ag
AAANa czerni
WCAG 12.86:1 · APCA Lc 75
Najlepszy kolor tekstu: #000000
WCAG 12.86:1 (AAA) · APCA Lc 75
Contrast pairs
Fragmenty kodu
CSS
:root {
--ancestral-haze: #d8c7c2;
--ancestral-haze-rgb: 216 199 194;
--ancestral-haze-oklch: oklch(0.842 0.02 37);
}
.element {
color: var(--ancestral-haze);
background-color: hsl(14 22% 80%);
border-color: oklch(0.842 0.02 37);
}Tailwind CSS v4
@theme {
--color-ancestral-haze: #d8c7c2;
--color-ancestral-haze-50: #fbf3f1;
--color-ancestral-haze-100: #eee6e3;
--color-ancestral-haze-200: #ddd1ce;
--color-ancestral-haze-300: #c1b4b0;
--color-ancestral-haze-400: #aa9b96;
--color-ancestral-haze-500: #93827d;
--color-ancestral-haze-600: #7c6e6a;
--color-ancestral-haze-700: #645854;
--color-ancestral-haze-800: #49403e;
--color-ancestral-haze-900: #332c2a;
--color-ancestral-haze-950: #1e1918;
}SCSS
$ancestral-haze: #d8c7c2;
$ancestral-haze-rgb: 216, 199, 194;
$ancestral-haze-light: mix(#fff, $ancestral-haze, 20%);
$ancestral-haze-dark: mix(#000, $ancestral-haze, 20%);
.element {
color: $ancestral-haze;
box-shadow: 0 0 0 2px rgba($ancestral-haze, 0.35);
}