أقرب لون مسمّى · #AD93A6
#AD93A6
أقرب لون مسمّى: Classy Mauve
#AD93A6 (rgb(173 147 166)، hsl(316 14% 63%)، oklch(0.693 0.041 335.6)) أقرب إلى اللون المسمّى Classy Mauve. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#AD93A6
oklch(0.693 0.041 335.6)
تحويلات الألوان
- HEX
- #ad93a6
- RGB
- rgb(173 147 166)
- HSL
- hsl(316 14% 63%)
- HWB
- hwb(316 58% 32%)
- OKLCH
- oklch(0.693 0.041 335.6)
- OKLab
- oklab(0.693 0.037 -0.017)
- CIE Lab
- lab(63.78 12.52 -6.22)
- LCH
- lch(63.78 13.98 333.6)
- CMYK
- cmyk(0% 15% 4% 32%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- B59DAF
- BDA8B7
- C5B2C0
- CDBDC9
- D6C8D2
- DED3DB
- E6DEE4
- EEE9ED
- F7F4F6
درجات داكنة
- 967F90
- 7F6C7A
- 6A5965
- 554751
- 41363E
- 2D252B
- 1B161A
- 0B080A
- 010101
درجات رمادية
- A891A2
- A48F9E
- 9F8D9A
- 9B8B97
- 968A93
- 92888F
- 8D868B
- 898487
- 848284
تناسق الألوان
متمم +180°
- AD93A6
Classy Mauve
- 89A492
≈ Wintessa
متجاور -30° +30°
- AD93A6
Classy Mauve
- A296B1
≈ Heirloom Lilac
- B39298
≈ Deauville Mauve
ثلاثي +120° +240°
- AD93A6
Classy Mauve
- A49C80
≈ Worn Khaki
- 80A3AC
≈ Tourmaline
متمم منقسم +150° +210°
- AD93A6
Classy Mauve
- 96A186
≈ Triamble
- 80A5A0
≈ Scenario
رباعي +90° +180° +270°
- AD93A6
Classy Mauve
- AE9882
≈ Mexican Sand
- 89A492
≈ Wintessa
- 889FB4
≈ Private Jet
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.79:1 · APCA Lc 54
Ag
AAAعلى الأسود
WCAG 7.50:1 · APCA Lc 48
أفضل لون للنص: #000000
WCAG 7.50:1 (AAA) · APCA Lc 48
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--classy-mauve: #ad93a6;
--classy-mauve-rgb: 173 147 166;
--classy-mauve-oklch: oklch(0.693 0.041 335.6);
}
.element {
color: var(--classy-mauve);
background-color: hsl(316 14% 63%);
border-color: oklch(0.693 0.041 335.6);
}Tailwind CSS v4
@theme {
--color-classy-mauve: #ad93a6;
--color-classy-mauve-50: #fdf1f9;
--color-classy-mauve-100: #f1e3ed;
--color-classy-mauve-200: #e0ceda;
--color-classy-mauve-300: #c6b0bf;
--color-classy-mauve-400: #af96a8;
--color-classy-mauve-500: #987c91;
--color-classy-mauve-600: #81697a;
--color-classy-mauve-700: #675462;
--color-classy-mauve-800: #4b3d48;
--color-classy-mauve-900: #342a32;
--color-classy-mauve-950: #20181e;
}SCSS
$classy-mauve: #ad93a6;
$classy-mauve-rgb: 173, 147, 166;
$classy-mauve-light: mix(#fff, $classy-mauve, 20%);
$classy-mauve-dark: mix(#000, $classy-mauve, 20%);
.element {
color: $classy-mauve;
box-shadow: 0 0 0 2px rgba($classy-mauve, 0.35);
}