أقرب لون مسمّى · #CC95AF
#CC95AF
أقرب لون مسمّى: Exotic Lilac
#CC95AF (rgb(204 149 175)، hsl(332 35% 69%)، oklch(0.73 0.074 349.1)) أقرب إلى اللون المسمّى Exotic Lilac. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#CC95AF
oklch(0.73 0.074 349.1)
تحويلات الألوان
- HEX
- #cc95af
- RGB
- rgb(204 149 175)
- HSL
- hsl(332 35% 69%)
- HWB
- hwb(332 58% 20%)
- OKLCH
- oklch(0.73 0.074 349.1)
- OKLab
- oklab(0.73 0.073 -0.014)
- CIE Lab
- lab(67.71 24.23 -5.04)
- LCH
- lch(67.71 24.75 348.2)
- CMYK
- cmyk(0% 27% 14% 20%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- D19FB7
- D7AABF
- DCB4C6
- E1BFCE
- E7C9D6
- ECD4DE
- F1DFE6
- F5E9EF
- FAF4F7
درجات داكنة
- B18198
- 976D81
- 7E5A6B
- 654856
- 4E3741
- 37262E
- 22161C
- 0F080B
- 020101
درجات رمادية
- C493AA
- BD91A5
- B58FA1
- AE8D9C
- A68B97
- 9F8993
- 97878E
- 8F8489
- 888285
تناسق الألوان
متمم +180°
- CC95AF
Exotic Lilac
- 78B7A0
≈ Turtle Lake
متجاور -30° +30°
- CC95AF
Exotic Lilac
- BC99C6
≈ Crocus Petal
- D39595
≈ Keel Joy
ثلاثي +120° +240°
- CC95AF
Exotic Lilac
- ABAC75
≈ Wasabi Green
- 75B1CD
≈ Aspara
متمم منقسم +150° +210°
- CC95AF
Exotic Lilac
- 90B487
≈ Foliage
- 6CB6B9
≈ Surfer
رباعي +90° +180° +270°
- CC95AF
Exotic Lilac
- C1A372
≈ Hashibami Brown
- 78B7A0
≈ Turtle Lake
- 8CA9D7
≈ Casual Water
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.47:1 · APCA Lc 49
Ag
AAAعلى الأسود
WCAG 8.48:1 · APCA Lc 53
أفضل لون للنص: #000000
WCAG 8.48:1 (AAA) · APCA Lc 53
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--exotic-lilac: #cc95af;
--exotic-lilac-rgb: 204 149 175;
--exotic-lilac-oklch: oklch(0.73 0.074 349.1);
}
.element {
color: var(--exotic-lilac);
background-color: hsl(332 35% 69%);
border-color: oklch(0.73 0.074 349.1);
}Tailwind CSS v4
@theme {
--color-exotic-lilac: #cc95af;
--color-exotic-lilac-50: #ffedf8;
--color-exotic-lilac-100: #fddeeb;
--color-exotic-lilac-200: #eec8d8;
--color-exotic-lilac-300: #d6a8bc;
--color-exotic-lilac-400: #c18da5;
--color-exotic-lilac-500: #ab728e;
--color-exotic-lilac-600: #916178;
--color-exotic-lilac-700: #744d60;
--color-exotic-lilac-800: #563847;
--color-exotic-lilac-900: #3c2631;
--color-exotic-lilac-950: #25141d;
}SCSS
$exotic-lilac: #cc95af;
$exotic-lilac-rgb: 204, 149, 175;
$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);
}