Colore con nome · #C09DC8
Lilac Pink
Lilac Pink è #C09DC8: rgb(192 157 200), hsl(289 28% 70%), oklch(0.742 0.072 320). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Lilac Pink color name →
#C09DC8
oklch(0.742 0.072 320)
Conversioni di colore
- HEX
- #c09dc8
- RGB
- rgb(192 157 200)
- HSL
- hsl(289 28% 70%)
- HWB
- hwb(289 62% 22%)
- OKLCH
- oklch(0.742 0.072 320)
- OKLab
- oklab(0.742 0.055 -0.046)
- CIE Lab
- lab(69.04 19.07 -17.09)
- LCH
- lch(69.04 25.6 318.1)
- CMYK
- cmyk(4% 21% 0% 22%)
Tinte · Ombre · Toni
Tinte
- C6A7CE
- CDB0D3
- D3BAD9
- D9C4DE
- DFCDE4
- E6D7E9
- ECE1EF
- F2EBF4
- F9F5FA
Ombre
- A788AE
- 8E7394
- 765F7B
- 5F4C63
- 493A4C
- 342836
- 201821
- 0E090F
- 020102
Toni
- B99AC1
- B397B9
- AD94B2
- A692AB
- A08FA4
- 998C9C
- 938995
- 8D868E
- 868387
Armonie di colore
Complementare +180°
- C09DC8
Lilac Pink
- 94B78C
≈ Mistletoe Kiss
Analogo -30° +30°
- C09DC8
Lilac Pink
- AAA4D6
≈ Milky Lavender
- CF99B2
≈ Exotic Lilac
Triadico +120° +240°
- C09DC8
Lilac Pink
- C3A777
≈ Gold Rush
- 72B9BD
≈ Surfer
Complementare divisa +150° +210°
- C09DC8
Lilac Pink
- AEB07A
≈ Weeping Willow
- 7CBAA4
≈ Sereni Teal
Tetradico +90° +180° +270°
- C09DC8
Lilac Pink
- D19F83
≈ Orange Maple
- 94B78C
≈ Mistletoe Kiss
- 7BB4D0
≈ Blue Cuddle
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.36:1 · APCA Lc 46
Ag
AAASu nero
WCAG 8.89:1 · APCA Lc 56
Miglior colore del testo: #000000
WCAG 8.89:1 (AAA) · APCA Lc 56
Contrast pairs
Frammenti di codice
CSS
:root {
--lilac-pink: #c09dc8;
--lilac-pink-rgb: 192 157 200;
--lilac-pink-oklch: oklch(0.742 0.072 320);
}
.element {
color: var(--lilac-pink);
background-color: hsl(289 28% 70%);
border-color: oklch(0.742 0.072 320);
}Tailwind CSS v4
@theme {
--color-lilac-pink: #c09dc8;
--color-lilac-pink-50: #ffefff;
--color-lilac-pink-100: #f4e0f7;
--color-lilac-pink-200: #e3cbe7;
--color-lilac-pink-300: #c9acce;
--color-lilac-pink-400: #b291b9;
--color-lilac-pink-500: #9c77a4;
--color-lilac-pink-600: #84658b;
--color-lilac-pink-700: #69506f;
--color-lilac-pink-800: #4d3a53;
--color-lilac-pink-900: #35283a;
--color-lilac-pink-950: #211624;
}SCSS
$lilac-pink: #c09dc8;
$lilac-pink-rgb: 192, 157, 200;
$lilac-pink-light: mix(#fff, $lilac-pink, 20%);
$lilac-pink-dark: mix(#000, $lilac-pink, 20%);
.element {
color: $lilac-pink;
box-shadow: 0 0 0 2px rgba($lilac-pink, 0.35);
}