Adlandırılmış renk · #A893C1
Enchanted Lilac
Enchanted Lilac, #A893C1: rgb(168 147 193), hsl(267 27% 67%), oklch(0.698 0.07 305.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Purple mean? → · Enchanted Lilac color name →
#A893C1
oklch(0.698 0.07 305.4)
Renk dönüşümleri
- HEX
- #a893c1
- RGB
- rgb(168 147 193)
- HSL
- hsl(267 27% 67%)
- HWB
- hwb(267 58% 24%)
- OKLCH
- oklch(0.698 0.07 305.4)
- OKLab
- oklab(0.698 0.041 -0.057)
- CIE Lab
- lab(64.05 14.8 -20.99)
- LCH
- lch(64.05 25.68 305.2)
- CMYK
- cmyk(13% 24% 0% 24%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B09DC7
- B9A8CE
- C1B3D4
- CABDDA
- D3C8E0
- DBD3E6
- E4DEED
- EDE9F3
- F6F4F9
Koyu tonlar
- 927FA7
- 7C6C8F
- 675977
- 52475F
- 3F3649
- 2C2534
- 1A1620
- 0A080E
- 010102
Gri tonlar
- A491BA
- A08FB4
- 9C8EAD
- 988CA7
- 948AA0
- 90889A
- 8C8693
- 88848D
- 848286
Renk uyumları
Tamamlayıcı +180°
- A893C1
Enchanted Lilac
- 93A676
≈ Luscious Lime
Analog -30° +30°
- A893C1
Enchanted Lilac
- 919BCA
≈ Hair Ribbon
- BA8EAF
≈ Tiny Ribbons
Üçlü +120° +240°
- A893C1
Enchanted Lilac
- BC956F
≈ Painted Pony
- 69ACA4
≈ Turquoise Fantasies
Bölünmüş tamamlayıcı +150° +210°
- A893C1
Enchanted Lilac
- AB9E6B
≈ Whispering Grasslands
- 7AAB8B
≈ Green Globe
Dörtlü +90° +180° +270°
- A893C1
Enchanted Lilac
- C58F80
≈ Portuguese Dawn
- 93A676
≈ Luscious Lime
- 69A9B9
≈ Milky Blue
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.76:1 · APCA Lc 53
Ag
AAASiyah üzerinde
WCAG 7.60:1 · APCA Lc 49
En iyi metin rengi: #000000
WCAG 7.60:1 (AAA) · APCA Lc 49
Contrast pairs
Kod parçacıkları
CSS
:root {
--enchanted-lilac: #a893c1;
--enchanted-lilac-rgb: 168 147 193;
--enchanted-lilac-oklch: oklch(0.698 0.07 305.4);
}
.element {
color: var(--enchanted-lilac);
background-color: hsl(267 27% 67%);
border-color: oklch(0.698 0.07 305.4);
}Tailwind CSS v4
@theme {
--color-enchanted-lilac: #a893c1;
--color-enchanted-lilac-50: #faf0ff;
--color-enchanted-lilac-100: #eee2fb;
--color-enchanted-lilac-200: #dccdec;
--color-enchanted-lilac-300: #c1aed4;
--color-enchanted-lilac-400: #a894c0;
--color-enchanted-lilac-500: #917aac;
--color-enchanted-lilac-600: #7b6891;
--color-enchanted-lilac-700: #625374;
--color-enchanted-lilac-800: #473c56;
--color-enchanted-lilac-900: #312a3c;
--color-enchanted-lilac-950: #1d1726;
}SCSS
$enchanted-lilac: #a893c1;
$enchanted-lilac-rgb: 168, 147, 193;
$enchanted-lilac-light: mix(#fff, $enchanted-lilac, 20%);
$enchanted-lilac-dark: mix(#000, $enchanted-lilac, 20%);
.element {
color: $enchanted-lilac;
box-shadow: 0 0 0 2px rgba($enchanted-lilac, 0.35);
}