Adlandırılmış renk · #D198B5
Exotic Lilac
Exotic Lilac, #D198B5: rgb(209 152 181), hsl(329 38% 71%), oklch(0.743 0.078 347.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Pink mean? → · Exotic Lilac color name →
#D198B5
oklch(0.743 0.078 347.2)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D6A2BC
- DBACC3
- E0B6CB
- E4C1D2
- E9CBD9
- EED5E1
- F2E0E8
- F7EAF0
- FBF4F7
Koyu tonlar
- B5849D
- 9B7086
- 815C6F
- 684A59
- 503844
- 392730
- 23171D
- 10080C
- 020102
Gri tonlar
- C996B0
- C193AA
- B991A5
- B18F9F
- A98C9A
- A08A95
- 988890
- 90858A
- 888385
Renk uyumları
Tamamlayıcı +180°
- D198B5
Exotic Lilac
- 7ABCA2
≈ Neptune Green
Analog -30° +30°
- D198B5
Exotic Lilac
- C09DCC
≈ Lilac Pink
- D8989A
≈ Blooming Perfect
Üçlü +120° +240°
- D198B5
Exotic Lilac
- B1B075
≈ Timothy Grass
- 75B6D2
≈ Blue Chrysocolla
Bölünmüş tamamlayıcı +150° +210°
- D198B5
Exotic Lilac
- 95B887
≈ Willow Dyed
- 6CBBBD
≈ Aqua Sky
Dörtlü +90° +180° +270°
- D198B5
Exotic Lilac
- C7A673
≈ Mustard Seed Beige
- 7ABCA2
≈ Neptune Green
- 8DAEDD
≈ Birdie Num Num
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.36:1 · APCA Lc 47
Ag
AAASiyah üzerinde
WCAG 8.86:1 · APCA Lc 55
En iyi metin rengi: #000000
WCAG 8.86:1 (AAA) · APCA Lc 55
Contrast pairs
Kod parçacıkları
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);
}