Adlandırılmış renk · #DCC0D3
Lilac Snow
Lilac Snow, #DCC0D3: rgb(220 192 211), hsl(319 29% 81%), oklch(0.837 0.041 337.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Pink mean? → · Lilac Snow color name →
#DCC0D3
oklch(0.837 0.041 337.7)
Renk dönüşümleri
- HEX
- #dcc0d3
- RGB
- rgb(220 192 211)
- HSL
- hsl(319 29% 81%)
- HWB
- hwb(319 75% 14%)
- OKLCH
- oklch(0.837 0.041 337.7)
- OKLab
- oklab(0.837 0.037 -0.015)
- CIE Lab
- lab(80.55 12.66 -5.7)
- LCH
- lch(80.55 13.88 335.8)
- CMYK
- cmyk(0% 13% 4% 14%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E0C6D7
- E3CCDC
- E7D3E0
- EAD9E4
- EEDFE9
- F1E6ED
- F5ECF2
- F8F2F6
- FCF9FB
Koyu tonlar
- BFA7B7
- A38E9C
- 887682
- 6E5F69
- 544951
- 3C343A
- 262024
- 110E10
- 020202
Gri tonlar
- D2B9CA
- C9B3C2
- C0ACB9
- B6A6B1
- AD9FA9
- A499A0
- 9B9398
- 928C90
- 898688
Renk uyumları
Tamamlayıcı +180°
- DCC0D3
Lilac Snow
- B5D2C0
≈ Pitcher
Analog -30° +30°
- DCC0D3
Lilac Snow
- D1C3DF
≈ Fresh Heather
- E2BFC5
≈ Ice Hot Pink
Üçlü +120° +240°
- DCC0D3
Lilac Snow
- D0CAAD
≈ Cilantro Cream
- ADD1DB
≈ Balboa
Bölünmüş tamamlayıcı +150° +210°
- DCC0D3
Lilac Snow
- C2CFB3
≈ Stability
- ADD3CE
≈ Eton Blue
Dörtlü +90° +180° +270°
- DCC0D3
Lilac Snow
- DCC5AE
≈ Sienna Dust
- B5D2C0
≈ Pitcher
- B5CDE3
≈ Morality
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.67:1 · APCA Lc 30
Ag
AAASiyah üzerinde
WCAG 12.52:1 · APCA Lc 73
En iyi metin rengi: #000000
WCAG 12.52:1 (AAA) · APCA Lc 73
Contrast pairs
Kod parçacıkları
CSS
:root {
--lilac-snow: #dcc0d3;
--lilac-snow-rgb: 220 192 211;
--lilac-snow-oklch: oklch(0.837 0.041 337.7);
}
.element {
color: var(--lilac-snow);
background-color: hsl(319 29% 81%);
border-color: oklch(0.837 0.041 337.7);
}Tailwind CSS v4
@theme {
--color-lilac-snow: #dcc0d3;
--color-lilac-snow-50: #fef1f9;
--color-lilac-snow-100: #f2e3ec;
--color-lilac-snow-200: #e1ceda;
--color-lilac-snow-300: #c6b0be;
--color-lilac-snow-400: #af96a7;
--color-lilac-snow-500: #997c90;
--color-lilac-snow-600: #81697a;
--color-lilac-snow-700: #675461;
--color-lilac-snow-800: #4c3d48;
--color-lilac-snow-900: #352a32;
--color-lilac-snow-950: #20181e;
}SCSS
$lilac-snow: #dcc0d3;
$lilac-snow-rgb: 220, 192, 211;
$lilac-snow-light: mix(#fff, $lilac-snow, 20%);
$lilac-snow-dark: mix(#000, $lilac-snow, 20%);
.element {
color: $lilac-snow;
box-shadow: 0 0 0 2px rgba($lilac-snow, 0.35);
}