لون مسمّى · #AC92B0
Enthroned Above
Enthroned Above هو #AC92B0: rgb(172 146 176)، hsl(292 16% 63%)، oklch(0.693 0.052 321.8). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Purple mean? → · Enthroned Above color name →
#AC92B0
oklch(0.693 0.052 321.8)
تحويلات الألوان
- HEX
- #ac92b0
- RGB
- rgb(172 146 176)
- HSL
- hsl(292 16% 63%)
- HWB
- hwb(292 57% 31%)
- OKLCH
- oklch(0.693 0.052 321.8)
- OKLab
- oklab(0.693 0.041 -0.032)
- CIE Lab
- lab(63.69 14.11 -11.97)
- LCH
- lch(63.69 18.51 319.7)
- CMYK
- cmyk(2% 17% 0% 31%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- B49CB8
- BCA7C0
- C4B2C7
- CDBCCF
- D5C7D7
- DDD2DF
- E6DDE7
- EEE8EF
- F7F4F7
درجات داكنة
- 957E99
- 7F6B82
- 69586C
- 544656
- 403542
- 2D252E
- 1B161C
- 0B080B
- 010101
درجات رمادية
- A890AB
- A38EA6
- 9F8DA1
- 9A8B9D
- 968998
- 928793
- 8D868E
- 898489
- 848285
تناسق الألوان
متمم +180°
- AC92B0
Enthroned Above
- 8BA587
≈ Mermaid’s Cove
متجاور -30° +30°
- AC92B0
Enthroned Above
- 9C97BB
≈ Grape Gatsby
- B78FA0
≈ Lover’s Tryst
ثلاثي +120° +240°
- AC92B0
Enthroned Above
- AD9A78
≈ Getaway
- 76A6AA
≈ Cresting Waves
متمم منقسم +150° +210°
- AC92B0
Enthroned Above
- 9DA07B
≈ French Parsley
- 7BA798
≈ Verdigreen
رباعي +90° +180° +270°
- AC92B0
Enthroned Above
- B7947F
≈ Caramelised
- 8BA587
≈ Mermaid’s Cove
- 7CA3B7
≈ Grey Blue
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.80:1 · APCA Lc 54
Ag
AAAعلى الأسود
WCAG 7.49:1 · APCA Lc 48
أفضل لون للنص: #000000
WCAG 7.49:1 (AAA) · APCA Lc 48
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--enthroned-above: #ac92b0;
--enthroned-above-rgb: 172 146 176;
--enthroned-above-oklch: oklch(0.693 0.052 321.8);
}
.element {
color: var(--enthroned-above);
background-color: hsl(292 16% 63%);
border-color: oklch(0.693 0.052 321.8);
}Tailwind CSS v4
@theme {
--color-enthroned-above: #ac92b0;
--color-enthroned-above-50: #fdf0fe;
--color-enthroned-above-100: #f1e2f2;
--color-enthroned-above-200: #e0cde1;
--color-enthroned-above-300: #c5afc7;
--color-enthroned-above-400: #ad95b1;
--color-enthroned-above-500: #977b9b;
--color-enthroned-above-600: #806883;
--color-enthroned-above-700: #665369;
--color-enthroned-above-800: #4b3d4e;
--color-enthroned-above-900: #342a36;
--color-enthroned-above-950: #1f1721;
}SCSS
$enthroned-above: #ac92b0;
$enthroned-above-rgb: 172, 146, 176;
$enthroned-above-light: mix(#fff, $enthroned-above, 20%);
$enthroned-above-dark: mix(#000, $enthroned-above, 20%);
.element {
color: $enthroned-above;
box-shadow: 0 0 0 2px rgba($enthroned-above, 0.35);
}