Colore con nome · #C9ACD6
Darling Lilac
Darling Lilac è #C9ACD6: rgb(201 172 214), hsl(281 34% 76%), oklch(0.783 0.067 315.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Darling Lilac color name →
#C9ACD6
oklch(0.783 0.067 315.3)
Conversioni di colore
- HEX
- #c9acd6
- RGB
- rgb(201 172 214)
- HSL
- hsl(281 34% 76%)
- HWB
- hwb(281 67% 16%)
- OKLCH
- oklch(0.783 0.067 315.3)
- OKLab
- oklab(0.783 0.047 -0.047)
- CIE Lab
- lab(73.96 16.52 -17.28)
- LCH
- lch(73.96 23.91 313.7)
- CMYK
- cmyk(6% 20% 0% 16%)
Tinte · Ombre · Toni
Tinte
- CEB4DA
- D4BCDE
- D9C5E2
- DFCDE7
- E4D5EB
- E9DDEF
- EFE6F3
- F4EEF7
- FAF7FB
Ombre
- AE95BA
- 957F9E
- 7C6984
- 64546A
- 4C4052
- 362D3B
- 221B25
- 0F0B10
- 020102
Toni
- C1A8CD
- BAA3C4
- B39FBC
- AB9AB3
- A496AA
- 9D92A2
- 958D99
- 8E8991
- 878488
Armonie di colore
Complementare +180°
- C9ACD6
Darling Lilac
- A6C398
≈ Heartland Frosty
Analogo -30° +30°
- C9ACD6
Darling Lilac
- B4B3E2
≈ Beloved
- D9A8C2
≈ Rhubarb Gin
Triadico +120° +240°
- C9ACD6
Darling Lilac
- D2B389
≈ Link to the Past
- 85C6C6
≈ Bay Mist
Complementare divisa +150° +210°
- C9ACD6
Darling Lilac
- BEBB8A
≈ Baby Bok Choy
- 90C6AE
≈ Hellion Green
Tetradico +90° +180° +270°
- C9ACD6
Darling Lilac
- DDAC95
≈ Arizona Dust
- A6C398
≈ Heartland Frosty
- 8AC2D9
≈ Sky Babe
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.02:1 · APCA Lc 39
Ag
AAASu nero
WCAG 10.35:1 · APCA Lc 63
Miglior colore del testo: #000000
WCAG 10.35:1 (AAA) · APCA Lc 63
Contrast pairs
Frammenti di codice
CSS
:root {
--darling-lilac: #c9acd6;
--darling-lilac-rgb: 201 172 214;
--darling-lilac-oklch: oklch(0.783 0.067 315.3);
}
.element {
color: var(--darling-lilac);
background-color: hsl(281 34% 76%);
border-color: oklch(0.783 0.067 315.3);
}Tailwind CSS v4
@theme {
--color-darling-lilac: #c9acd6;
--color-darling-lilac-50: #fdf0ff;
--color-darling-lilac-100: #f1e1f7;
--color-darling-lilac-200: #e0cce7;
--color-darling-lilac-300: #c6adce;
--color-darling-lilac-400: #ae93ba;
--color-darling-lilac-500: #9779a5;
--color-darling-lilac-600: #80668b;
--color-darling-lilac-700: #66526f;
--color-darling-lilac-800: #4b3c53;
--color-darling-lilac-900: #34293a;
--color-darling-lilac-950: #1f1724;
}SCSS
$darling-lilac: #c9acd6;
$darling-lilac-rgb: 201, 172, 214;
$darling-lilac-light: mix(#fff, $darling-lilac, 20%);
$darling-lilac-dark: mix(#000, $darling-lilac, 20%);
.element {
color: $darling-lilac;
box-shadow: 0 0 0 2px rgba($darling-lilac, 0.35);
}