Adlandırılmış renk · #D4C7C4
Lilac Tan
Lilac Tan, #D4C7C4: rgb(212 199 196), hsl(11 16% 80%), oklch(0.839 0.015 33.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Lilac Tan color name →
#D4C7C4
oklch(0.839 0.015 33.1)
Renk dönüşümleri
- HEX
- #d4c7c4
- RGB
- rgb(212 199 196)
- HSL
- hsl(11 16% 80%)
- HWB
- hwb(11 77% 17%)
- OKLCH
- oklch(0.839 0.015 33.1)
- OKLab
- oklab(0.839 0.013 0.008)
- CIE Lab
- lab(81.26 4.31 3.22)
- LCH
- lch(81.26 5.38 36.8)
- CMYK
- cmyk(0% 6% 8% 17%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D8CCCA
- DDD2D0
- E1D8D5
- E5DDDB
- E9E3E1
- EEE8E7
- F2EEED
- F6F4F3
- FBF9F9
Koyu tonlar
- B8ADAA
- 9D9391
- 837A78
- 696261
- 514C4A
- 3A3635
- 242121
- 100E0E
- 020202
Gri tonlar
- CBC0BD
- C3B8B6
- BAB1AF
- B2AAA8
- A9A3A1
- A19C9B
- 989594
- 908E8D
- 888787
Renk uyumları
Tamamlayıcı +180°
- D4C7C4
Lilac Tan
- C0CDD0
≈ Tudor Ice
Analog -30° +30°
- D4C7C4
Lilac Tan
- D4C6C9
≈ Victorian Cottage
- D2C8C0
≈ Realist Beige
Üçlü +120° +240°
- D4C7C4
Lilac Tan
- C3CDC6
≈ Rainwashed
- C7CAD5
≈ Lilac Hint
Bölünmüş tamamlayıcı +150° +210°
- D4C7C4
Lilac Tan
- C0CECB
≈ Luna Light
- C2CCD4
≈ Orchid Ash
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.64:1 · APCA Lc 29
Ag
AAASiyah üzerinde
WCAG 12.76:1 · APCA Lc 74
En iyi metin rengi: #000000
WCAG 12.76:1 (AAA) · APCA Lc 74
Contrast pairs
Kod parçacıkları
CSS
:root {
--lilac-tan: #d4c7c4;
--lilac-tan-rgb: 212 199 196;
--lilac-tan-oklch: oklch(0.839 0.015 33.1);
}
.element {
color: var(--lilac-tan);
background-color: hsl(11 16% 80%);
border-color: oklch(0.839 0.015 33.1);
}Tailwind CSS v4
@theme {
--color-lilac-tan: #d4c7c4;
--color-lilac-tan-50: #f9f4f2;
--color-lilac-tan-100: #ede6e4;
--color-lilac-tan-200: #dad2d0;
--color-lilac-tan-300: #bfb5b2;
--color-lilac-tan-400: #a79b99;
--color-lilac-tan-500: #908380;
--color-lilac-tan-600: #7a6f6c;
--color-lilac-tan-700: #615856;
--color-lilac-tan-800: #47413f;
--color-lilac-tan-900: #322c2b;
--color-lilac-tan-950: #1d1a19;
}SCSS
$lilac-tan: #d4c7c4;
$lilac-tan-rgb: 212, 199, 196;
$lilac-tan-light: mix(#fff, $lilac-tan, 20%);
$lilac-tan-dark: mix(#000, $lilac-tan, 20%);
.element {
color: $lilac-tan;
box-shadow: 0 0 0 2px rgba($lilac-tan, 0.35);
}