Nazwany kolor · #D4CFC5
Westar
Westar to #D4CFC5: rgb(212 207 197), hsl(40 15% 80%), oklch(0.856 0.015 84.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Westar color name →
#D4CFC5
oklch(0.856 0.015 84.6)
Konwersje koloru
- HEX
- #d4cfc5
- RGB
- rgb(212 207 197)
- HSL
- hsl(40 15% 80%)
- HWB
- hwb(40 77% 17%)
- OKLCH
- oklch(0.856 0.015 84.6)
- OKLab
- oklab(0.856 0.001 0.015)
- CIE Lab
- lab(83.32 0.49 5.63)
- LCH
- lch(83.32 5.65 85)
- CMYK
- cmyk(0% 2% 7% 17%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D8D4CB
- DCD8D0
- E1DDD6
- E5E2DC
- E9E7E2
- EEECE8
- F2F0ED
- F6F5F3
- FBFAF9
Odcienie ciemniejsze
- B8B4AB
- 9D9992
- 837F79
- 696761
- 514F4B
- 3A3835
- 242321
- 10100E
- 020202
Tony
- CBC7BE
- C3BFB7
- BAB7B0
- B1AFA9
- A9A7A2
- A19F9B
- 989794
- 908F8D
- 888887
Harmonie kolorów
Komplementarna +180°
- D4CFC5
Westar
- CBD0DA
≈ Steam Bath
Analogowa -30° +30°
- D4CFC5
Westar
- D8CDC7
≈ Thought
- CFD1C6
≈ Pan’s Flute
Triada +120° +240°
- D4CFC5
Westar
- C5D3D4
≈ Whale’s Mouth
- D5CCD5
≈ Purple Cream
Komplementarna rozszczepiona +150° +210°
- D4CFC5
Westar
- C7D1D8
≈ Wind Weaver
- D0CED9
≈ Lavender Sparkle
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.55:1 · APCA Lc 25
Ag
AAANa czerni
WCAG 13.53:1 · APCA Lc 78
Najlepszy kolor tekstu: #000000
WCAG 13.53:1 (AAA) · APCA Lc 78
Contrast pairs
Fragmenty kodu
CSS
:root {
--westar: #d4cfc5;
--westar-rgb: 212 207 197;
--westar-oklch: oklch(0.856 0.015 84.6);
}
.element {
color: var(--westar);
background-color: hsl(40 15% 80%);
border-color: oklch(0.856 0.015 84.6);
}Tailwind CSS v4
@theme {
--color-westar: #d4cfc5;
--color-westar-50: #f7f5f0;
--color-westar-100: #eae8e2;
--color-westar-200: #d7d4cd;
--color-westar-300: #bbb7af;
--color-westar-400: #a29e95;
--color-westar-500: #8b867b;
--color-westar-600: #757169;
--color-westar-700: #5e5a53;
--color-westar-800: #45423d;
--color-westar-900: #302e2a;
--color-westar-950: #1c1a17;
}SCSS
$westar: #d4cfc5;
$westar-rgb: 212, 207, 197;
$westar-light: mix(#fff, $westar, 20%);
$westar-dark: mix(#000, $westar, 20%);
.element {
color: $westar;
box-shadow: 0 0 0 2px rgba($westar, 0.35);
}