Nazwany kolor · #CAC6BA
Ghosting
Ghosting to #CAC6BA: rgb(202 198 186), hsl(45 13% 76%), oklch(0.826 0.017 91.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Ghosting color name →
#CAC6BA
oklch(0.826 0.017 91.6)
Konwersje koloru
- HEX
- #cac6ba
- RGB
- rgb(202 198 186)
- HSL
- hsl(45 13% 76%)
- HWB
- hwb(45 73% 21%)
- OKLCH
- oklch(0.826 0.017 91.6)
- OKLab
- oklab(0.826 0 0.017)
- CIE Lab
- lab(79.95 -0.13 6.55)
- LCH
- lch(79.95 6.55 91.1)
- CMYK
- cmyk(0% 2% 8% 21%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CFCCC1
- D4D1C8
- DAD7CE
- DFDCD5
- E4E2DC
- EAE8E3
- EFEEEA
- F4F3F1
- FAF9F8
Odcienie ciemniejsze
- AFACA1
- 959289
- 7C7A72
- 64625C
- 4D4B46
- 373532
- 22211E
- 0F0E0D
- 020202
Tony
- C2BFB4
- BBB8AE
- B3B0A8
- ACA9A2
- A4A29D
- 9D9B97
- 969491
- 8E8E8B
- 878786
Harmonie kolorów
Komplementarna +180°
- CAC6BA
Ghosting
- C2C6D2
≈ Hūi Sè Grey
Analogowa -30° +30°
- CAC6BA
Ghosting
- CFC4BB
≈ Old Eggshell
- C4C8BC
≈ Silent Storm
Triada +120° +240°
- CAC6BA
Ghosting
- BAC9CC
≈ Blue Shale
- CDC2CB
≈ Limpid Light
Komplementarna rozszczepiona +150° +210°
- CAC6BA
Ghosting
- BDC8D0
≈ Upward
- C8C4D0
≈ Posture & Pose
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.70:1 · APCA Lc 31
Ag
AAANa czerni
WCAG 12.29:1 · APCA Lc 72
Najlepszy kolor tekstu: #000000
WCAG 12.29:1 (AAA) · APCA Lc 72
Contrast pairs
Fragmenty kodu
CSS
:root {
--ghosting: #cac6ba;
--ghosting-rgb: 202 198 186;
--ghosting-oklch: oklch(0.826 0.017 91.6);
}
.element {
color: var(--ghosting);
background-color: hsl(45 13% 76%);
border-color: oklch(0.826 0.017 91.6);
}Tailwind CSS v4
@theme {
--color-ghosting: #cac6ba;
--color-ghosting-50: #f7f5f0;
--color-ghosting-100: #eae8e2;
--color-ghosting-200: #d6d4cc;
--color-ghosting-300: #bab7ae;
--color-ghosting-400: #a29e93;
--color-ghosting-500: #8a867a;
--color-ghosting-600: #757167;
--color-ghosting-700: #5d5b52;
--color-ghosting-800: #45423c;
--color-ghosting-900: #2f2e29;
--color-ghosting-950: #1c1a17;
}SCSS
$ghosting: #cac6ba;
$ghosting-rgb: 202, 198, 186;
$ghosting-light: mix(#fff, $ghosting, 20%);
$ghosting-dark: mix(#000, $ghosting, 20%);
.element {
color: $ghosting;
box-shadow: 0 0 0 2px rgba($ghosting, 0.35);
}