Colore con nome · #C6A1CF
Lilac Lace
Lilac Lace è #C6A1CF: rgb(198 161 207), hsl(288 32% 72%), oklch(0.757 0.076 319.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Lilac Lace color name →
#C6A1CF
oklch(0.757 0.076 319.6)
Conversioni di colore
- HEX
- #c6a1cf
- RGB
- rgb(198 161 207)
- HSL
- hsl(288 32% 72%)
- HWB
- hwb(288 63% 19%)
- OKLCH
- oklch(0.757 0.076 319.6)
- OKLab
- oklab(0.757 0.058 -0.049)
- CIE Lab
- lab(70.8 20.13 -18.23)
- LCH
- lch(70.8 27.16 317.8)
- CMYK
- cmyk(4% 22% 0% 19%)
Tinte · Ombre · Toni
Tinte
- CCAAD4
- D1B3D9
- D7BDDE
- DDC6E2
- E3CFE7
- E8D9EC
- EEE2F1
- F4ECF6
- F9F5FA
Ombre
- AC8BB4
- 927699
- 7A627F
- 624E67
- 4B3C4F
- 352A38
- 211923
- 0E0910
- 020102
Toni
- BF9EC7
- B89BBF
- B197B7
- AA94AF
- A391A7
- 9C8D9F
- 958A97
- 8E878F
- 878388
Armonie di colore
Complementare +180°
- C6A1CF
Lilac Lace
- 97BD8E
≈ Milly Green
Analogo -30° +30°
- C6A1CF
Lilac Lace
- AFA9DE
≈ Maximum Blue Purple
- D69DB7
≈ Sweet Perfume
Triadico +120° +240°
- C6A1CF
Lilac Lace
- CAAB78
≈ Burning Gold
- 72BFC3
≈ Pure Turquoise
Complementare divisa +150° +210°
- C6A1CF
Lilac Lace
- B3B57C
≈ Fancy Flirt
- 7EC0A8
≈ Celadon Porcelain
Tetradico +90° +180° +270°
- C6A1CF
Lilac Lace
- D9A285
≈ Yolande
- 97BD8E
≈ Milly Green
- 7CBAD7
≈ Pacific Harbour
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.23:1 · APCA Lc 44
Ag
AAASu nero
WCAG 9.40:1 · APCA Lc 58
Miglior colore del testo: #000000
WCAG 9.40:1 (AAA) · APCA Lc 58
Contrast pairs
Frammenti di codice
CSS
:root {
--lilac-lace: #c6a1cf;
--lilac-lace-rgb: 198 161 207;
--lilac-lace-oklch: oklch(0.757 0.076 319.6);
}
.element {
color: var(--lilac-lace);
background-color: hsl(288 32% 72%);
border-color: oklch(0.757 0.076 319.6);
}Tailwind CSS v4
@theme {
--color-lilac-lace: #c6a1cf;
--color-lilac-lace-50: #ffeeff;
--color-lilac-lace-100: #f4e0f8;
--color-lilac-lace-200: #e4cae8;
--color-lilac-lace-300: #caabcf;
--color-lilac-lace-400: #b390bb;
--color-lilac-lace-500: #9d76a6;
--color-lilac-lace-600: #84648c;
--color-lilac-lace-700: #6a5070;
--color-lilac-lace-800: #4d3a54;
--color-lilac-lace-900: #36283a;
--color-lilac-lace-950: #211624;
}SCSS
$lilac-lace: #c6a1cf;
$lilac-lace-rgb: 198, 161, 207;
$lilac-lace-light: mix(#fff, $lilac-lace, 20%);
$lilac-lace-dark: mix(#000, $lilac-lace, 20%);
.element {
color: $lilac-lace;
box-shadow: 0 0 0 2px rgba($lilac-lace, 0.35);
}