Benannte Farbe · #EF3939
Trial by Fire
Trial by Fire ist #EF3939: rgb(239 57 57), hsl(0 85% 58%), oklch(0.626 0.218 26.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Trial by Fire color name →
#EF3939
oklch(0.626 0.218 26.2)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- F4554E
- F86C63
- FC8076
- FF9389
- FFA69D
- FFB8B0
- FFCAC4
- FFDCD7
- FFEDEB
Shades
- D03030
- B12828
- 941F1F
- 781717
- 5C1010
- 420909
- 2A0404
- 140101
- 030000
Tones
- E54742
- DC524B
- D25A53
- C7625A
- BD6961
- B26E67
- A6736E
- 9A7874
- 8E7C7A
Farbharmonien
Komplementär +180°
- EF3939
Trial by Fire
- 009AA8
≈ Turkish Boy
Analog -30° +30°
- EF3939
Trial by Fire
- E5388C
≈ Pinkinity
- CB6B00
≈ Sludge
Triadisch +120° +240°
- EF3939
Trial by Fire
- 00A436
≈ Poetic Green
- 4F7CFF
≈ C64 NTSC
Geteilt komplementär +150° +210°
- EF3939
Trial by Fire
- 009E86
≈ Reptilian Green
- 0093CE
≈ Rich Electric Blue
Tetradisch +90° +180° +270°
- EF3939
Trial by Fire
- 849200
≈ Snakes in the Grass
- 009AA8
≈ Turkish Boy
- 9860F9
≈ Forgotten Kyawthuite
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.95:1 · APCA Lc 65
Ag
AAAuf Schwarz
WCAG 5.31:1 · APCA Lc 36
Beste Textfarbe: #000000
WCAG 5.31:1 (AA) · APCA Lc 36
Contrast pairs
Code-Snippets
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);
}