Warna bernama · #EA4C4C
Fever
Fever adalah #EA4C4C: rgb(234 76 76), hsl(0 79% 61%), oklch(0.638 0.195 24.5). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Red mean? → · Fever color name →
#EA4C4C
oklch(0.638 0.195 24.5)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- EF625E
- F37670
- F78881
- FA9A93
- FDABA4
- FFBCB6
- FFCDC8
- FFDEDA
- FFEEED
Shade
- CB4141
- AE3636
- 912C2C
- 752222
- 5A1818
- 410F0F
- 290606
- 130202
- 030000
Tone
- E15552
- D75C58
- CD635E
- C36963
- B96E68
- AF726D
- A47672
- 997A77
- 8D7D7B
Harmoni warna
Komplementer +180°
- EA4C4C
Fever
- 009EAA
≈ Riviera
Analog -30° +30°
- EA4C4C
Fever
- E04B92
≈ Raspberry Pink
- D26B00
≈ Cinnamon
Triadik +120° +240°
- EA4C4C
Fever
- 1AA830
≈ Carpet Moss
- 4F83FF
≈ Flickery C64
Split-komplementer +150° +210°
- EA4C4C
Fever
- 00A387
≈ Congo Green
- 0097D0
≈ Blithe
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 3.72:1 · APCA Lc 64
Ag
AADi atas hitam
WCAG 5.63:1 · APCA Lc 38
Warna teks terbaik: #000000
WCAG 5.63:1 (AA) · APCA Lc 38
Contrast pairs
Cuplikan kode
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);
}