أقرب لون مسمّى · #8C2E63
#8C2E63
أقرب لون مسمّى: Pink Horror
#8C2E63 (rgb(140 46 99)، hsl(326 51% 36%)، oklch(0.457 0.139 349.2)) أقرب إلى اللون المسمّى Pink Horror. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#8C2E63
oklch(0.457 0.139 349.2)
تحويلات الألوان
- HEX
- #8c2e63
- RGB
- rgb(140 46 99)
- HSL
- hsl(326 51% 36%)
- HWB
- hwb(326 18% 45%)
- OKLCH
- oklch(0.457 0.139 349.2)
- OKLab
- oklab(0.457 0.137 -0.026)
- CIE Lab
- lab(35.1 44.22 -9.33)
- LCH
- lch(35.1 45.19 348.1)
- CMYK
- cmyk(0% 67% 29% 45%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 994471
- A65980
- B26D8F
- BE819E
- C996AE
- D5AABE
- E0BFCE
- EAD4DE
- F5E9EE
درجات داكنة
- 792755
- 671F47
- 55183A
- 43122E
- 330B21
- 230616
- 14020B
- 070103
- 010000
درجات رمادية
- 8C3866
- 8C4269
- 8C4A6C
- 8B536F
- 8A5B72
- 896274
- 876A77
- 85717A
- 83797D
تناسق الألوان
متمم +180°
- 8C2E63
Pink Horror
- 00674E
≈ Peacock Green
متجاور -30° +30°
- 8C2E63
Pink Horror
- 773887
≈ Perkin Mauve
- 952C37
≈ Pomegranate Seeds
ثلاثي +120° +240°
- 8C2E63
Pink Horror
- 5C5B00
≈ Greensboro
- 00607F
≈ Back of Beyond
متمم منقسم +150° +210°
- 8C2E63
Pink Horror
- 246808
≈ Keen Green
- 006468
≈ Really Teal
رباعي +90° +180° +270°
- 8C2E63
Pink Horror
- 735000
≈ Lucky Brown
- 00674E
≈ Peacock Green
- 2154A3
≈ Ruri Blue
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 7.81:1 · APCA Lc 86
Ag
Failعلى الأسود
WCAG 2.68:1 · APCA Lc 16
أفضل لون للنص: #FFFFFF
WCAG 7.81:1 (AAA) · APCA Lc 86
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--pink-horror: #8c2e63;
--pink-horror-rgb: 140 46 99;
--pink-horror-oklch: oklch(0.457 0.139 349.2);
}
.element {
color: var(--pink-horror);
background-color: hsl(326 51% 36%);
border-color: oklch(0.457 0.139 349.2);
}Tailwind CSS v4
@theme {
--color-pink-horror: #8c2e63;
--color-pink-horror-50: #ffe6fa;
--color-pink-horror-100: #ffd5ed;
--color-pink-horror-200: #ffbcdb;
--color-pink-horror-300: #ee99c0;
--color-pink-horror-400: #da7aab;
--color-pink-horror-500: #c75a94;
--color-pink-horror-600: #a84d7d;
--color-pink-horror-700: #873d64;
--color-pink-horror-800: #642c4b;
--color-pink-horror-900: #461e34;
--color-pink-horror-950: #2d0d20;
}SCSS
$pink-horror: #8c2e63;
$pink-horror-rgb: 140, 46, 99;
$pink-horror-light: mix(#fff, $pink-horror, 20%);
$pink-horror-dark: mix(#000, $pink-horror, 20%);
.element {
color: $pink-horror;
box-shadow: 0 0 0 2px rgba($pink-horror, 0.35);
}