Colore con nome · #CACBD5
Lilac Hint
Lilac Hint è #CACBD5: rgb(202 203 213), hsl(235 12% 81%), oklch(0.844 0.014 281.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Lilac Hint color name →
#CACBD5
oklch(0.844 0.014 281.5)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- CFD0D9
- D4D5DD
- DADAE1
- DFE0E6
- E4E5EA
- EAEAEE
- EFEFF2
- F4F4F7
- FAFAFB
Ombre
- AFB0B9
- 95969E
- 7C7D83
- 64656A
- 4D4D51
- 37373A
- 222224
- 0F0F10
- 020202
Toni
- C2C3CC
- BBBCC3
- B3B4BB
- ACACB2
- A4A5AA
- 9D9DA1
- 969699
- 8E8E90
- 878788
Armonie di colore
Complementare +180°
- CACBD5
Lilac Hint
- CDCCC2
≈ Paving Stones
Analogo -30° +30°
- CACBD5
Lilac Hint
- C6CDD5
≈ Mega Metal Phoenix
- CFC9D3
≈ Chrome Chalice
Triadico +120° +240°
- CACBD5
Lilac Hint
- D4C9C5
≈ Crushed Almond
- C4CFC9
≈ Luna Light
Complementare divisa +150° +210°
- CACBD5
Lilac Hint
- D2CBC2
≈ Cotton Grey
- C9CEC5
≈ Cipollino
Tetradico +90° +180° +270°
- CACBD5
Lilac Hint
- D5C8C9
≈ Grey Lilac
- CDCCC2
≈ Paving Stones
- C2CFCE
≈ Tudor Ice
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.61:1 · APCA Lc 28
Ag
AAASu nero
WCAG 13.01:1 · APCA Lc 75
Miglior colore del testo: #000000
WCAG 13.01:1 (AAA) · APCA Lc 75
Contrast pairs
Frammenti di codice
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);
}