لون مسمّى · #EA4C4C
Fever
Fever هو #EA4C4C: rgb(234 76 76)، hsl(0 79% 61%)، oklch(0.638 0.195 24.5). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Red mean? → · Fever color name →
#EA4C4C
oklch(0.638 0.195 24.5)
تحويلات الألوان
- HEX
- #ea4c4c
- RGB
- rgb(234 76 76)
- HSL
- hsl(0 79% 61%)
- HWB
- hwb(0 30% 8%)
- OKLCH
- oklch(0.638 0.195 24.5)
- OKLab
- oklab(0.638 0.177 0.081)
- CIE Lab
- lab(56.01 61.55 36.25)
- LCH
- lch(56.01 71.43 30.5)
- CMYK
- cmyk(0% 68% 68% 8%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- EF625E
- F37670
- F78881
- FA9A93
- FDABA4
- FFBCB6
- FFCDC8
- FFDEDA
- FFEEED
درجات داكنة
- CB4141
- AE3636
- 912C2C
- 752222
- 5A1818
- 410F0F
- 290606
- 130202
- 030000
درجات رمادية
- E15552
- D75C58
- CD635E
- C36963
- B96E68
- AF726D
- A47672
- 997A77
- 8D7D7B
تناسق الألوان
متمم +180°
- EA4C4C
Fever
- 009EAA
≈ Riviera
متجاور -30° +30°
- EA4C4C
Fever
- E04B92
≈ Raspberry Pink
- D26B00
≈ Cinnamon
ثلاثي +120° +240°
- EA4C4C
Fever
- 1AA830
≈ Carpet Moss
- 4F83FF
≈ Flickery C64
متمم منقسم +150° +210°
- EA4C4C
Fever
- 00A387
≈ Congo Green
- 0097D0
≈ Blithe
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 3.72:1 · APCA Lc 64
Ag
AAعلى الأسود
WCAG 5.63:1 · APCA Lc 38
أفضل لون للنص: #000000
WCAG 5.63:1 (AA) · APCA Lc 38
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--fever: #ea4c4c;
--fever-rgb: 234 76 76;
--fever-oklch: oklch(0.638 0.195 24.5);
}
.element {
color: var(--fever);
background-color: hsl(0 79% 61%);
border-color: oklch(0.638 0.195 24.5);
}Tailwind CSS v4
@theme {
--color-fever: #ea4c4c;
--color-fever-50: #ffe1d8;
--color-fever-100: #ffcfc5;
--color-fever-200: #ffb3a8;
--color-fever-300: #ff8c81;
--color-fever-400: #fc6662;
--color-fever-500: #eb393f;
--color-fever-600: #c73236;
--color-fever-700: #a0282b;
--color-fever-800: #781b21;
--color-fever-900: #541215;
--color-fever-950: #380307;
}SCSS
$fever: #ea4c4c;
$fever-rgb: 234, 76, 76;
$fever-light: mix(#fff, $fever, 20%);
$fever-dark: mix(#000, $fever, 20%);
.element {
color: $fever;
box-shadow: 0 0 0 2px rgba($fever, 0.35);
}