Colore con nome · #D198B5
Exotic Lilac
Exotic Lilac è #D198B5: rgb(209 152 181), hsl(329 38% 71%), oklch(0.743 0.078 347.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Exotic Lilac color name →
#D198B5
oklch(0.743 0.078 347.2)
Conversioni di colore
- HEX
- #d198b5
- RGB
- rgb(209 152 181)
- HSL
- hsl(329 38% 71%)
- HWB
- hwb(329 60% 18%)
- OKLCH
- oklch(0.743 0.078 347.2)
- OKLab
- oklab(0.743 0.076 -0.017)
- CIE Lab
- lab(69.11 25.26 -6.25)
- LCH
- lch(69.11 26.02 346.1)
- CMYK
- cmyk(0% 27% 13% 18%)
Tinte · Ombre · Toni
Tinte
- D6A2BC
- DBACC3
- E0B6CB
- E4C1D2
- E9CBD9
- EED5E1
- F2E0E8
- F7EAF0
- FBF4F7
Ombre
- B5849D
- 9B7086
- 815C6F
- 684A59
- 503844
- 392730
- 23171D
- 10080C
- 020102
Toni
- C996B0
- C193AA
- B991A5
- B18F9F
- A98C9A
- A08A95
- 988890
- 90858A
- 888385
Armonie di colore
Complementare +180°
- D198B5
Exotic Lilac
- 7ABCA2
≈ Neptune Green
Analogo -30° +30°
- D198B5
Exotic Lilac
- C09DCC
≈ Lilac Pink
- D8989A
≈ Blooming Perfect
Triadico +120° +240°
- D198B5
Exotic Lilac
- B1B075
≈ Timothy Grass
- 75B6D2
≈ Blue Chrysocolla
Complementare divisa +150° +210°
- D198B5
Exotic Lilac
- 95B887
≈ Willow Dyed
- 6CBBBD
≈ Aqua Sky
Tetradico +90° +180° +270°
- D198B5
Exotic Lilac
- C7A673
≈ Mustard Seed Beige
- 7ABCA2
≈ Neptune Green
- 8DAEDD
≈ Birdie Num Num
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.36:1 · APCA Lc 47
Ag
AAASu nero
WCAG 8.86:1 · APCA Lc 55
Miglior colore del testo: #000000
WCAG 8.86:1 (AAA) · APCA Lc 55
Contrast pairs
Frammenti di codice
CSS
:root {
--exotic-lilac: #d198b5;
--exotic-lilac-rgb: 209 152 181;
--exotic-lilac-oklch: oklch(0.743 0.078 347.2);
}
.element {
color: var(--exotic-lilac);
background-color: hsl(329 38% 71%);
border-color: oklch(0.743 0.078 347.2);
}Tailwind CSS v4
@theme {
--color-exotic-lilac: #d198b5;
--color-exotic-lilac-50: #ffedf9;
--color-exotic-lilac-100: #fddeec;
--color-exotic-lilac-200: #efc7d9;
--color-exotic-lilac-300: #d7a8bd;
--color-exotic-lilac-400: #c18ca7;
--color-exotic-lilac-500: #ac7190;
--color-exotic-lilac-600: #92607a;
--color-exotic-lilac-700: #754c61;
--color-exotic-lilac-800: #563748;
--color-exotic-lilac-900: #3c2632;
--color-exotic-lilac-950: #26141e;
}SCSS
$exotic-lilac: #d198b5;
$exotic-lilac-rgb: 209, 152, 181;
$exotic-lilac-light: mix(#fff, $exotic-lilac, 20%);
$exotic-lilac-dark: mix(#000, $exotic-lilac, 20%);
.element {
color: $exotic-lilac;
box-shadow: 0 0 0 2px rgba($exotic-lilac, 0.35);
}