أقرب لون مسمّى · #EA1145
#EA1145
أقرب لون مسمّى: Enraged
#EA1145 (rgb(234 17 69)، hsl(346 86% 49%)، oklch(0.598 0.234 18.5)) أقرب إلى اللون المسمّى Enraged. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#EA1145
oklch(0.598 0.234 18.5)
تحويلات الألوان
- HEX
- #ea1145
- RGB
- rgb(234 17 69)
- HSL
- hsl(346 86% 49%)
- HWB
- hwb(346 7% 8%)
- OKLCH
- oklch(0.598 0.234 18.5)
- OKLab
- oklab(0.598 0.222 0.074)
- CIE Lab
- lab(50.77 75.36 34.27)
- LCH
- lch(50.77 82.79 24.5)
- CMYK
- cmyk(0% 93% 71% 8%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- F04057
- F55C69
- F9747C
- FD898E
- FF9EA0
- FFB2B3
- FFC5C5
- FFD9D8
- FFECEC
درجات داكنة
- CB0D3B
- AE0931
- 910627
- 75041E
- 5A0215
- 41010C
- 290005
- 130002
- 030000
درجات رمادية
- E1304C
- D84152
- CF4D58
- C5585E
- BB6064
- B1686A
- A66F70
- 9A7575
- 8E7B7B
تناسق الألوان
متمم +180°
- EA1145
Enraged
- 009196
≈ Splashy
متجاور -30° +30°
- EA1145
Enraged
- DA2196
≈ Benevolent Pink
- C95A00
≈ Rusty Orange
ثلاثي +120° +240°
- EA1145
Enraged
- 399700
≈ Planter
- 0D77FF
≈ Hadfield Blue
متمم منقسم +150° +210°
- EA1145
Enraged
- 009672
≈ Cadaverous
- 008CB6
≈ Spinnaker Blue
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 4.50:1 · APCA Lc 69
Ag
AAعلى الأسود
WCAG 4.66:1 · APCA Lc 33
أفضل لون للنص: #000000
WCAG 4.66:1 (AA) · APCA Lc 33
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--enraged: #ea1145;
--enraged-rgb: 234 17 69;
--enraged-oklch: oklch(0.598 0.234 18.5);
}
.element {
color: var(--enraged);
background-color: hsl(346 86% 49%);
border-color: oklch(0.598 0.234 18.5);
}Tailwind CSS v4
@theme {
--color-enraged: #ea1145;
--color-enraged-50: #ffdbd9;
--color-enraged-100: #ffc8c7;
--color-enraged-200: #ffa9a9;
--color-enraged-300: #ff7e83;
--color-enraged-400: #ff5066;
--color-enraged-500: #fb0044;
--color-enraged-600: #d4003b;
--color-enraged-700: #ab022f;
--color-enraged-800: #800024;
--color-enraged-900: #5a0318;
--color-enraged-950: #3d0009;
}SCSS
$enraged: #ea1145;
$enraged-rgb: 234, 17, 69;
$enraged-light: mix(#fff, $enraged, 20%);
$enraged-dark: mix(#000, $enraged, 20%);
.element {
color: $enraged;
box-shadow: 0 0 0 2px rgba($enraged, 0.35);
}