Colore con nome · #CC99FF
Lilás
Lilás è #CC99FF: rgb(204 153 255), hsl(270 100% 80%), oklch(0.769 0.15 306.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Lilás color name →
#CC99FF
oklch(0.769 0.15 306.2)
Conversioni di colore
- HEX
- #cc99ff
- RGB
- rgb(204 153 255)
- HSL
- hsl(270 100% 80%)
- HWB
- hwb(270 60% 0%)
- OKLCH
- oklch(0.769 0.15 306.2)
- OKLab
- oklab(0.769 0.089 -0.121)
- CIE Lab
- lab(71.1 33.9 -43.86)
- LCH
- lch(71.1 55.43 307.7)
- CMYK
- cmyk(20% 40% 0% 0%)
Tinte · Ombre · Toni
Tinte
- D1A4FF
- D6AEFF
- DBB8FF
- E0C3FF
- E5CDFF
- EAD7FF
- EFE1FF
- F5EBFF
- FAF5FF
Ombre
- B184DE
- 9770BE
- 7E5D9E
- 654A80
- 4E3863
- 372748
- 22172E
- 0F0816
- 020103
Toni
- C497F2
- BC95E5
- B593D8
- AD90CC
- A58EBF
- 9E8BB2
- 9689A6
- 8F8699
- 87838D
Armonie di colore
Complementare +180°
- CC99FF
Lilás
- 9CC552
≈ Pesto Genovese
Analogo -30° +30°
- CC99FF
Lilás
- A0ADFF
≈ Widowmaker
- EF8DD8
≈ Bubblegum Kisses
Triadico +120° +240°
Complementare divisa +150° +210°
- CC99FF
Lilás
- D0B323
≈ Mustard
- 52D08B
≈ Spring Bouquet
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.19:1 · APCA Lc 43
Ag
AAASu nero
WCAG 9.56:1 · APCA Lc 59
Miglior colore del testo: #000000
WCAG 9.56:1 (AAA) · APCA Lc 59
Contrast pairs
Frammenti di codice
CSS
:root {
--lilas: #cc99ff;
--lilas-rgb: 204 153 255;
--lilas-oklch: oklch(0.769 0.15 306.2);
}
.element {
color: var(--lilas);
background-color: hsl(270 100% 80%);
border-color: oklch(0.769 0.15 306.2);
}Tailwind CSS v4
@theme {
--color-lilas: #cc99ff;
--color-lilas-50: #ffeaff;
--color-lilas-100: #f6dbff;
--color-lilas-200: #e6c3ff;
--color-lilas-300: #cda2f2;
--color-lilas-400: #b585e4;
--color-lilas-500: #9f67d3;
--color-lilas-600: #8758b2;
--color-lilas-700: #6c468f;
--color-lilas-800: #4e336c;
--color-lilas-900: #36234c;
--color-lilas-950: #211132;
}SCSS
$lilas: #cc99ff;
$lilas-rgb: 204, 153, 255;
$lilas-light: mix(#fff, $lilas, 20%);
$lilas-dark: mix(#000, $lilas, 20%);
.element {
color: $lilas;
box-shadow: 0 0 0 2px rgba($lilas, 0.35);
}