Warna bernama · #EF3939
Trial by Fire
Trial by Fire adalah #EF3939: rgb(239 57 57), hsl(0 85% 58%), oklch(0.626 0.218 26.2). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Red mean? → · Trial by Fire color name →
#EF3939
oklch(0.626 0.218 26.2)
Konversi warna
- HEX
- #ef3939
- RGB
- rgb(239 57 57)
- HSL
- hsl(0 85% 58%)
- HWB
- hwb(0 22% 6%)
- OKLCH
- oklch(0.626 0.218 26.2)
- OKLab
- oklab(0.626 0.195 0.096)
- CIE Lab
- lab(54.43 68.68 45.48)
- LCH
- lch(54.43 82.37 33.5)
- CMYK
- cmyk(0% 76% 76% 6%)
Tint · Shade · Tone
Tint
- F4554E
- F86C63
- FC8076
- FF9389
- FFA69D
- FFB8B0
- FFCAC4
- FFDCD7
- FFEDEB
Shade
- D03030
- B12828
- 941F1F
- 781717
- 5C1010
- 420909
- 2A0404
- 140101
- 030000
Tone
- E54742
- DC524B
- D25A53
- C7625A
- BD6961
- B26E67
- A6736E
- 9A7874
- 8E7C7A
Harmoni warna
Komplementer +180°
- EF3939
Trial by Fire
- 009AA8
≈ Turkish Boy
Analog -30° +30°
- EF3939
Trial by Fire
- E5388C
≈ Pinkinity
- CB6B00
≈ Sludge
Triadik +120° +240°
- EF3939
Trial by Fire
- 00A436
≈ Poetic Green
- 4F7CFF
≈ C64 NTSC
Split-komplementer +150° +210°
- EF3939
Trial by Fire
- 009E86
≈ Reptilian Green
- 0093CE
≈ Rich Electric Blue
Tetradik +90° +180° +270°
- EF3939
Trial by Fire
- 849200
≈ Snakes in the Grass
- 009AA8
≈ Turkish Boy
- 9860F9
≈ Forgotten Kyawthuite
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 3.95:1 · APCA Lc 65
Ag
AADi atas hitam
WCAG 5.31:1 · APCA Lc 36
Warna teks terbaik: #000000
WCAG 5.31:1 (AA) · APCA Lc 36
Contrast pairs
Cuplikan kode
CSS
:root {
--trial-by-fire: #ef3939;
--trial-by-fire-rgb: 239 57 57;
--trial-by-fire-oklch: oklch(0.626 0.218 26.2);
}
.element {
color: var(--trial-by-fire);
background-color: hsl(0 85% 58%);
border-color: oklch(0.626 0.218 26.2);
}Tailwind CSS v4
@theme {
--color-trial-by-fire: #ef3939;
--color-trial-by-fire-50: #ffded2;
--color-trial-by-fire-100: #ffccbf;
--color-trial-by-fire-200: #ffaf9f;
--color-trial-by-fire-300: #ff8676;
--color-trial-by-fire-400: #ff5c55;
--color-trial-by-fire-500: #f51f2b;
--color-trial-by-fire-600: #cf2026;
--color-trial-by-fire-700: #a71b1e;
--color-trial-by-fire-800: #7d1018;
--color-trial-by-fire-900: #580b0f;
--color-trial-by-fire-950: #3b0003;
}SCSS
$trial-by-fire: #ef3939;
$trial-by-fire-rgb: 239, 57, 57;
$trial-by-fire-light: mix(#fff, $trial-by-fire, 20%);
$trial-by-fire-dark: mix(#000, $trial-by-fire, 20%);
.element {
color: $trial-by-fire;
box-shadow: 0 0 0 2px rgba($trial-by-fire, 0.35);
}