Nazwany kolor · #D4CDCA
Individual White
Individual White to #D4CDCA: rgb(212 205 202), hsl(18 10% 81%), oklch(0.853 0.009 44.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Individual White color name →
#D4CDCA
oklch(0.853 0.009 44.9)
Konwersje koloru
- HEX
- #d4cdca
- RGB
- rgb(212 205 202)
- HSL
- hsl(18 10% 81%)
- HWB
- hwb(18 79% 17%)
- OKLCH
- oklch(0.853 0.009 44.9)
- OKLab
- oklab(0.853 0.006 0.006)
- CIE Lab
- lab(82.91 2.11 2.4)
- LCH
- lch(82.91 3.2 48.7)
- CMYK
- cmyk(0% 3% 5% 17%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D8D2CF
- DCD7D4
- E1DCDA
- E5E1DF
- E9E6E4
- EEEBEA
- F2F0EF
- F6F5F4
- FBFAFA
Odcienie ciemniejsze
- B8B2AF
- 9D9895
- 837E7C
- 696664
- 514E4D
- 3A3837
- 242322
- 100F0F
- 020202
Tony
- CBC5C2
- C3BDBB
- BAB5B3
- B1ADAC
- A9A6A4
- A19E9D
- 989696
- 908F8E
- 888787
Harmonie kolorów
Komplementarna +180°
- D4CDCA
Individual White
- C9D0D3
≈ Callisto
Analogowa -30° +30°
- D4CDCA
Individual White
- D4CCCD
≈ Watermill Wood
- D2CEC8
≈ Ravine
Triada +120° +240°
- D4CDCA
Individual White
- CAD1CD
≈ Sparkling Silver
- CECED4
≈ Dirty Snow
Komplementarna rozszczepiona +150° +210°
- D4CDCA
Individual White
- C8D1D0
≈ Killer Fog
- CBCFD5
≈ Light Starlight
Tetrada +90° +180° +270°
- D4CDCA
Individual White
- CCD0CA
≈ Planetary Silver
- C9D0D3
≈ Callisto
- D1CDD3
≈ Light Stately Frills
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.56:1 · APCA Lc 26
Ag
AAANa czerni
WCAG 13.38:1 · APCA Lc 77
Najlepszy kolor tekstu: #000000
WCAG 13.38:1 (AAA) · APCA Lc 77
Contrast pairs
Fragmenty kodu
CSS
:root {
--individual-white: #d4cdca;
--individual-white-rgb: 212 205 202;
--individual-white-oklch: oklch(0.853 0.009 44.9);
}
.element {
color: var(--individual-white);
background-color: hsl(18 10% 81%);
border-color: oklch(0.853 0.009 44.9);
}Tailwind CSS v4
@theme {
--color-individual-white: #d4cdca;
--color-individual-white-50: #f7f4f3;
--color-individual-white-100: #eae7e5;
--color-individual-white-200: #d8d3d1;
--color-individual-white-300: #bbb6b4;
--color-individual-white-400: #a39d9a;
--color-individual-white-500: #8b8481;
--color-individual-white-600: #76706e;
--color-individual-white-700: #5e5a58;
--color-individual-white-800: #454140;
--color-individual-white-900: #302d2c;
--color-individual-white-950: #1c1a19;
}SCSS
$individual-white: #d4cdca;
$individual-white-rgb: 212, 205, 202;
$individual-white-light: mix(#fff, $individual-white, 20%);
$individual-white-dark: mix(#000, $individual-white, 20%);
.element {
color: $individual-white;
box-shadow: 0 0 0 2px rgba($individual-white, 0.35);
}