أقرب لون مسمّى · #EA1721
#EA1721
أقرب لون مسمّى: Blood Donor
#EA1721 (rgb(234 23 33)، hsl(357 83% 50%)، oklch(0.595 0.234 27)) أقرب إلى اللون المسمّى Blood Donor. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#EA1721
oklch(0.595 0.234 27)
تحويلات الألوان
- HEX
- #ea1721
- RGB
- rgb(234 23 33)
- HSL
- hsl(357 83% 50%)
- HWB
- hwb(357 9% 8%)
- OKLCH
- oklch(0.595 0.234 27)
- OKLab
- oklab(0.595 0.209 0.107)
- CIE Lab
- lab(50.7 73.93 54.23)
- LCH
- lch(50.7 91.69 36.3)
- CMYK
- cmyk(0% 90% 86% 8%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- F0423D
- F55E54
- F9756A
- FD8B7F
- FF9F94
- FFB3A9
- FFC6BE
- FFD9D4
- FFECE9
درجات داكنة
- CB121B
- AE0E16
- 910A10
- 75060B
- 5A0406
- 410203
- 290101
- 130000
- 030000
درجات رمادية
- E13230
- D8433C
- CF4F46
- C55950
- BB6158
- B16961
- A67069
- 9A7671
- 8E7B78
تناسق الألوان
متمم +180°
- EA1721
Blood Donor
- 008F9E
≈ Coral Coast
متجاور -30° +30°
- EA1721
Blood Donor
- E01681
≈ Mexican Pink
- BD6400
≈ Fire Ant
ثلاثي +120° +240°
- EA1721
Blood Donor
- 009937
≈ Peppermint Toad
- 456FFF
≈ Blue Titmouse
متمم منقسم +150° +210°
- EA1721
Blood Donor
- 00947E
≈ Aqua Waters
- 0088C2
≈ Azul Caribe
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 4.52:1 · APCA Lc 69
Ag
AAعلى الأسود
WCAG 4.64:1 · APCA Lc 33
أفضل لون للنص: #000000
WCAG 4.64:1 (AA) · APCA Lc 33
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--blood-donor: #ea1721;
--blood-donor-rgb: 234 23 33;
--blood-donor-oklch: oklch(0.595 0.234 27);
}
.element {
color: var(--blood-donor);
background-color: hsl(357 83% 50%);
border-color: oklch(0.595 0.234 27);
}Tailwind CSS v4
@theme {
--color-blood-donor: #ea1721;
--color-blood-donor-50: #ffdccf;
--color-blood-donor-100: #ffcabb;
--color-blood-donor-200: #ffab99;
--color-blood-donor-300: #ff816e;
--color-blood-donor-400: #ff534b;
--color-blood-donor-500: #fc0017;
--color-blood-donor-600: #d50518;
--color-blood-donor-700: #ab0913;
--color-blood-donor-800: #800211;
--color-blood-donor-900: #5b040b;
--color-blood-donor-950: #3d0001;
}SCSS
$blood-donor: #ea1721;
$blood-donor-rgb: 234, 23, 33;
$blood-donor-light: mix(#fff, $blood-donor, 20%);
$blood-donor-dark: mix(#000, $blood-donor, 20%);
.element {
color: $blood-donor;
box-shadow: 0 0 0 2px rgba($blood-donor, 0.35);
}