أقرب لون مسمّى · #8C3757
#8C3757
أقرب لون مسمّى: Pink Horror
#8C3757 (rgb(140 55 87)، hsl(337 44% 38%)، oklch(0.464 0.12 359.4)) أقرب إلى اللون المسمّى Pink Horror. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#8C3757
oklch(0.464 0.12 359.4)
تحويلات الألوان
- HEX
- #8c3757
- RGB
- rgb(140 55 87)
- HSL
- hsl(337 44% 38%)
- HWB
- hwb(337 22% 45%)
- OKLCH
- oklch(0.464 0.12 359.4)
- OKLab
- oklab(0.464 0.12 -0.001)
- CIE Lab
- lab(36.27 39.15 0.04)
- LCH
- lch(36.27 39.15 0.1)
- CMYK
- cmyk(0% 61% 38% 45%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 994B66
- A55E76
- B17286
- BD8596
- C999A7
- D4ADB8
- DFC1C9
- EAD5DB
- F5EAED
درجات داكنة
- 792E4B
- 67263E
- 551E33
- 431627
- 330F1C
- 230812
- 140308
- 070103
- 010000
درجات رمادية
- 8C405B
- 8C485F
- 8B4F63
- 8B5767
- 8A5E6B
- 88656F
- 876C73
- 857378
- 83797C
تناسق الألوان
متمم +180°
- 8C3757
Pink Horror
- 00685A
≈ Bella Vista
متجاور -30° +30°
- 8C3757
Pink Horror
- 7D3D79
≈ Deep Commitment to Purple
- 90392F
≈ Thunderbird
ثلاثي +120° +240°
- 8C3757
Pink Horror
- 526100
≈ Camouflage Green
- 005F8D
≈ Mamala Bay
متمم منقسم +150° +210°
- 8C3757
Pink Horror
- 146B31
≈ Ireland Green
- 006571
≈ Wakame Green
رباعي +90° +180° +270°
- 8C3757
Pink Horror
- 6E5600
≈ Ayahuasca Vine
- 00685A
≈ Bella Vista
- 3E539C
≈ Crushed Velvet
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 7.50:1 · APCA Lc 85
Ag
Failعلى الأسود
WCAG 2.79:1 · APCA Lc 17
أفضل لون للنص: #FFFFFF
WCAG 7.50:1 (AAA) · APCA Lc 85
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--pink-horror: #8c3757;
--pink-horror-rgb: 140 55 87;
--pink-horror-oklch: oklch(0.464 0.12 359.4);
}
.element {
color: var(--pink-horror);
background-color: hsl(337 44% 38%);
border-color: oklch(0.464 0.12 359.4);
}Tailwind CSS v4
@theme {
--color-pink-horror: #8c3757;
--color-pink-horror-50: #ffe8f3;
--color-pink-horror-100: #ffd8e5;
--color-pink-horror-200: #ffbfd1;
--color-pink-horror-300: #eb9db3;
--color-pink-horror-400: #d87f9c;
--color-pink-horror-500: #c46184;
--color-pink-horror-600: #a6526f;
--color-pink-horror-700: #854259;
--color-pink-horror-800: #632f43;
--color-pink-horror-900: #45202e;
--color-pink-horror-950: #2d0f1b;
}SCSS
$pink-horror: #8c3757;
$pink-horror-rgb: 140, 55, 87;
$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);
}