أقرب لون مسمّى · #E13121
#E13121
أقرب لون مسمّى: Devilish
#E13121 (rgb(225 49 33)، hsl(5 76% 51%)، oklch(0.593 0.213 29.9)) أقرب إلى اللون المسمّى Devilish. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#E13121
oklch(0.593 0.213 29.9)
تحويلات الألوان
- HEX
- #e13121
- RGB
- rgb(225 49 33)
- HSL
- hsl(5 76% 51%)
- HWB
- hwb(5 13% 12%)
- OKLCH
- oklch(0.593 0.213 29.9)
- OKLab
- oklab(0.593 0.185 0.106)
- CIE Lab
- lab(50.74 66.36 53.29)
- LCH
- lch(50.74 85.11 38.8)
- CMYK
- cmyk(0% 78% 85% 12%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- E74E3D
- ED6654
- F27B6A
- F68F7F
- FAA294
- FCB5A9
- FEC8BE
- FFDAD4
- FFEDE9
درجات داكنة
- C4291B
- A72216
- 8B1A10
- 70130B
- 560C06
- 3E0603
- 270301
- 120100
- 020000
درجات رمادية
- D94030
- D14C3C
- C85646
- BF5E50
- B66558
- AC6C61
- A27169
- 987771
- 8C7C78
تناسق الألوان
متمم +180°
- E13121
Devilish
- 008EA0
≈ Coral Coast
متجاور -30° +30°
- E13121
Devilish
- DA2C79
≈ Fuchsia Purple
- B96600
≈ Camel Fur
ثلاثي +120° +240°
- E13121
Devilish
- 009844
≈ Green Revolution
- 506DFB
≈ Blue Heath Butterfly
متمم منقسم +150° +210°
- E13121
Devilish
- 009380
≈ Aqua Waters
- 0087C6
≈ Azul Caribe
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 4.50:1 · APCA Lc 70
Ag
AAعلى الأسود
WCAG 4.66:1 · APCA Lc 32
أفضل لون للنص: #000000
WCAG 4.66:1 (AA) · APCA Lc 32
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--devilish: #e13121;
--devilish-rgb: 225 49 33;
--devilish-oklch: oklch(0.593 0.213 29.9);
}
.element {
color: var(--devilish);
background-color: hsl(5 76% 51%);
border-color: oklch(0.593 0.213 29.9);
}Tailwind CSS v4
@theme {
--color-devilish: #e13121;
--color-devilish-50: #ffdfcf;
--color-devilish-100: #ffcebb;
--color-devilish-200: #ffb19a;
--color-devilish-300: #ff896f;
--color-devilish-400: #ff604c;
--color-devilish-500: #f32919;
--color-devilish-600: #cd2719;
--color-devilish-700: #a52014;
--color-devilish-800: #7c1411;
--color-devilish-900: #580d0b;
--color-devilish-950: #3b0001;
}SCSS
$devilish: #e13121;
$devilish-rgb: 225, 49, 33;
$devilish-light: mix(#fff, $devilish, 20%);
$devilish-dark: mix(#000, $devilish, 20%);
.element {
color: $devilish;
box-shadow: 0 0 0 2px rgba($devilish, 0.35);
}