أقرب لون مسمّى · #E7222B
#E7222B
أقرب لون مسمّى: Blood Donor
#E7222B (rgb(231 34 43)، hsl(357 80% 52%)، oklch(0.595 0.226 26.1)) أقرب إلى اللون المسمّى Blood Donor. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#E7222B
oklch(0.595 0.226 26.1)
تحويلات الألوان
- HEX
- #e7222b
- RGB
- rgb(231 34 43)
- HSL
- hsl(357 80% 52%)
- HWB
- hwb(357 13% 9%)
- OKLCH
- oklch(0.595 0.226 26.1)
- OKLab
- oklab(0.595 0.203 0.1)
- CIE Lab
- lab(50.77 71.57 48.92)
- LCH
- lch(50.77 86.69 34.4)
- CMYK
- cmyk(0% 85% 81% 9%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- ED4743
- F26159
- F7776E
- FB8C82
- FEA097
- FFB3AB
- FFC7C0
- FFD9D5
- FFECEA
درجات داكنة
- C91C24
- AB161D
- 8F1116
- 730B10
- 59070A
- 400305
- 280102
- 130001
- 030000
درجات رمادية
- DE3737
- D64641
- CD514A
- C35A53
- B9635B
- AF6A63
- A5706A
- 997672
- 8D7B79
تناسق الألوان
متمم +180°
- E7222B
Blood Donor
- 00909D
≈ Coral Coast
متجاور -30° +30°
- E7222B
Blood Donor
- DC2283
≈ Vivid Cerise
- BE6300
≈ Fire Ant
ثلاثي +120° +240°
- E7222B
Blood Donor
- 009931
≈ Peppermint Toad
- 4170FF
≈ Hailey Blue
متمم منقسم +150° +210°
- E7222B
Blood Donor
- 00947C
≈ Aqua Waters
- 0089C0
≈ Azul Caribe
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 4.50:1 · APCA Lc 69
Ag
AAعلى الأسود
WCAG 4.66:1 · APCA Lc 32
أفضل لون للنص: #000000
WCAG 4.66:1 (AA) · APCA Lc 32
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--blood-donor: #e7222b;
--blood-donor-rgb: 231 34 43;
--blood-donor-oklch: oklch(0.595 0.226 26.1);
}
.element {
color: var(--blood-donor);
background-color: hsl(357 80% 52%);
border-color: oklch(0.595 0.226 26.1);
}Tailwind CSS v4
@theme {
--color-blood-donor: #e7222b;
--color-blood-donor-50: #ffddd1;
--color-blood-donor-100: #ffcbbe;
--color-blood-donor-200: #ffad9d;
--color-blood-donor-300: #ff8373;
--color-blood-donor-400: #ff5752;
--color-blood-donor-500: #f90b26;
--color-blood-donor-600: #d21522;
--color-blood-donor-700: #a9131b;
--color-blood-donor-800: #7f0916;
--color-blood-donor-900: #5a070e;
--color-blood-donor-950: #3c0002;
}SCSS
$blood-donor: #e7222b;
$blood-donor-rgb: 231, 34, 43;
$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);
}