Adlandırılmış renk · #CACBD5
Lilac Hint
Lilac Hint, #CACBD5: rgb(202 203 213), hsl(235 12% 81%), oklch(0.844 0.014 281.5). 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 Hint color name →
#CACBD5
oklch(0.844 0.014 281.5)
Renk dönüşümleri
- HEX
- #cacbd5
- RGB
- rgb(202 203 213)
- HSL
- hsl(235 12% 81%)
- HWB
- hwb(235 79% 16%)
- OKLCH
- oklch(0.844 0.014 281.5)
- OKLab
- oklab(0.844 0.003 -0.014)
- CIE Lab
- lab(81.83 1.05 -5.11)
- LCH
- lch(81.83 5.22 281.6)
- CMYK
- cmyk(5% 5% 0% 16%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CFD0D9
- D4D5DD
- DADAE1
- DFE0E6
- E4E5EA
- EAEAEE
- EFEFF2
- F4F4F7
- FAFAFB
Koyu tonlar
- AFB0B9
- 95969E
- 7C7D83
- 64656A
- 4D4D51
- 37373A
- 222224
- 0F0F10
- 020202
Gri tonlar
- C2C3CC
- BBBCC3
- B3B4BB
- ACACB2
- A4A5AA
- 9D9DA1
- 969699
- 8E8E90
- 878788
Renk uyumları
Tamamlayıcı +180°
- CACBD5
Lilac Hint
- CDCCC2
≈ Paving Stones
Analog -30° +30°
- CACBD5
Lilac Hint
- C6CDD5
≈ Mega Metal Phoenix
- CFC9D3
≈ Chrome Chalice
Üçlü +120° +240°
- CACBD5
Lilac Hint
- D4C9C5
≈ Crushed Almond
- C4CFC9
≈ Luna Light
Bölünmüş tamamlayıcı +150° +210°
- CACBD5
Lilac Hint
- D2CBC2
≈ Cotton Grey
- C9CEC5
≈ Cipollino
Dörtlü +90° +180° +270°
- CACBD5
Lilac Hint
- D5C8C9
≈ Grey Lilac
- CDCCC2
≈ Paving Stones
- C2CFCE
≈ Tudor Ice
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.61:1 · APCA Lc 28
Ag
AAASiyah üzerinde
WCAG 13.01:1 · APCA Lc 75
En iyi metin rengi: #000000
WCAG 13.01:1 (AAA) · APCA Lc 75
Contrast pairs
Kod parçacıkları
CSS
:root {
--lilac-hint: #cacbd5;
--lilac-hint-rgb: 202 203 213;
--lilac-hint-oklch: oklch(0.844 0.014 281.5);
}
.element {
color: var(--lilac-hint);
background-color: hsl(235 12% 81%);
border-color: oklch(0.844 0.014 281.5);
}Tailwind CSS v4
@theme {
--color-lilac-hint: #cacbd5;
--color-lilac-hint-50: #f4f5f9;
--color-lilac-hint-100: #e7e7ec;
--color-lilac-hint-200: #d3d3da;
--color-lilac-hint-300: #b6b7be;
--color-lilac-hint-400: #9d9ea7;
--color-lilac-hint-500: #84858f;
--color-lilac-hint-600: #707179;
--color-lilac-hint-700: #595a61;
--color-lilac-hint-800: #414247;
--color-lilac-hint-900: #2d2d31;
--color-lilac-hint-950: #1a1a1d;
}SCSS
$lilac-hint: #cacbd5;
$lilac-hint-rgb: 202, 203, 213;
$lilac-hint-light: mix(#fff, $lilac-hint, 20%);
$lilac-hint-dark: mix(#000, $lilac-hint, 20%);
.element {
color: $lilac-hint;
box-shadow: 0 0 0 2px rgba($lilac-hint, 0.35);
}