أقرب لون مسمّى · #CEA4DC
#CEA4DC
أقرب لون مسمّى: Lilac Lace
#CEA4DC (rgb(206 164 220)، hsl(285 44% 75%)، oklch(0.775 0.09 317.6)) أقرب إلى اللون المسمّى Lilac Lace. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#CEA4DC
oklch(0.775 0.09 317.6)
تحويلات الألوان
- HEX
- #cea4dc
- RGB
- rgb(206 164 220)
- HSL
- hsl(285 44% 75%)
- HWB
- hwb(285 64% 14%)
- OKLCH
- oklch(0.775 0.09 317.6)
- OKLab
- oklab(0.775 0.067 -0.061)
- CIE Lab
- lab(72.68 23.28 -22.41)
- LCH
- lch(72.68 32.32 316.1)
- CMYK
- cmyk(6% 25% 0% 14%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- D3ADE0
- D8B6E3
- DDBFE7
- E2C8EA
- E7D1EE
- ECDAF1
- F0E3F5
- F5EDF8
- FAF6FC
درجات داكنة
- B38EBF
- 9879A3
- 7F6488
- 66506E
- 4E3D54
- 382B3C
- 231A26
- 0F0A11
- 020102
درجات رمادية
- C6A0D3
- BE9DC9
- B699C0
- AE96B7
- A692AD
- 9F8FA4
- 978B9B
- 8F8792
- 888489
تناسق الألوان
متمم +180°
- CEA4DC
Lilac Lace
- 9AC48B
≈ Picnic
متجاور -30° +30°
- CEA4DC
Lilac Lace
- B2ADED
≈ Maximum Blue Purple
- E19FC0
≈ Pink Begonia
ثلاثي +120° +240°
- CEA4DC
Lilac Lace
- D6AF72
≈ Tarnished Trumpet
- 69C8CA
≈ Petrichor
متمم منقسم +150° +210°
- CEA4DC
Lilac Lace
- BCBA75
≈ Liminal Yellow
- 7AC9AA
≈ Aqua Eden
رباعي +90° +180° +270°
- CEA4DC
Lilac Lace
- E6A484
≈ Peach Nougat
- 9AC48B
≈ Picnic
- 74C2E3
≈ Bright Spark
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.10:1 · APCA Lc 41
Ag
AAAعلى الأسود
WCAG 9.96:1 · APCA Lc 61
أفضل لون للنص: #000000
WCAG 9.96:1 (AAA) · APCA Lc 61
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--lilac-lace: #cea4dc;
--lilac-lace-rgb: 206 164 220;
--lilac-lace-oklch: oklch(0.775 0.09 317.6);
}
.element {
color: var(--lilac-lace);
background-color: hsl(285 44% 75%);
border-color: oklch(0.775 0.09 317.6);
}Tailwind CSS v4
@theme {
--color-lilac-lace: #cea4dc;
--color-lilac-lace-50: #ffedff;
--color-lilac-lace-100: #f6dffb;
--color-lilac-lace-200: #e6c8ed;
--color-lilac-lace-300: #cca9d5;
--color-lilac-lace-400: #b58ec2;
--color-lilac-lace-500: #9f73ad;
--color-lilac-lace-600: #866192;
--color-lilac-lace-700: #6c4e75;
--color-lilac-lace-800: #4e3858;
--color-lilac-lace-900: #37273d;
--color-lilac-lace-950: #211527;
}SCSS
$lilac-lace: #cea4dc;
$lilac-lace-rgb: 206, 164, 220;
$lilac-lace-light: mix(#fff, $lilac-lace, 20%);
$lilac-lace-dark: mix(#000, $lilac-lace, 20%);
.element {
color: $lilac-lace;
box-shadow: 0 0 0 2px rgba($lilac-lace, 0.35);
}