Benannte Farbe · #D4202A
Flaming Cherry
Flaming Cherry ist #D4202A: rgb(212 32 42), hsl(357 74% 48%), oklch(0.559 0.211 25.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Flaming Cherry color name →
#D4202A
oklch(0.559 0.211 25.5)
Farbumrechnungen
- HEX
- #d4202a
- RGB
- rgb(212 32 42)
- HSL
- hsl(357 74% 48%)
- HWB
- hwb(357 13% 17%)
- OKLCH
- oklch(0.559 0.211 25.5)
- OKLab
- oklab(0.559 0.19 0.091)
- CIE Lab
- lab(46.74 66.83 44.13)
- LCH
- lch(46.74 80.08 33.4)
- CMYK
- cmyk(0% 85% 80% 17%)
Tints · Shades · Tones
Tints
- DC4341
- E35D56
- E9736B
- EF8880
- F39D94
- F8B0A9
- FBC4BE
- FDD8D4
- FFEBE9
Shades
- B81A23
- 9D151C
- 830F16
- 690A10
- 51060A
- 3A0305
- 240102
- 100001
- 020000
Tones
- CD3435
- C7423F
- BF4E48
- B85751
- B06059
- A86761
- 9F6E69
- 967471
- 8B7A79
Farbharmonien
Komplementär +180°
- D4202A
Flaming Cherry
- 00848F
≈ True Teal
Analog -30° +30°
- D4202A
Flaming Cherry
- CA2179
≈ Magenta Dye
- AF5A00
≈ Elm Brown Red
Triadisch +120° +240°
- D4202A
Flaming Cherry
- 008D28
≈ Summer Forest Green
- 3766EE
≈ The Rainbow Fish
Geteilt komplementär +150° +210°
- D4202A
Flaming Cherry
- 008871
≈ Industrial Turquoise
- 007EB0
≈ Capstan
Tetradisch +90° +180° +270°
- D4202A
Flaming Cherry
- 727C00
≈ Flag Green
- 00848F
≈ True Teal
- 824DDF
≈ Gloomy Purple
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.19:1 · APCA Lc 74
Ag
FailAuf Schwarz
WCAG 4.03:1 · APCA Lc 28
Beste Textfarbe: #FFFFFF
WCAG 5.19:1 (AA) · APCA Lc 74
Contrast pairs
Code-Snippets
CSS
:root {
--flaming-cherry: #d4202a;
--flaming-cherry-rgb: 212 32 42;
--flaming-cherry-oklch: oklch(0.559 0.211 25.5);
}
.element {
color: var(--flaming-cherry);
background-color: hsl(357 74% 48%);
border-color: oklch(0.559 0.211 25.5);
}Tailwind CSS v4
@theme {
--color-flaming-cherry: #d4202a;
--color-flaming-cherry-50: #ffdfd4;
--color-flaming-cherry-100: #ffcdc1;
--color-flaming-cherry-200: #ffb0a2;
--color-flaming-cherry-300: #ff887a;
--color-flaming-cherry-400: #ff5f5a;
--color-flaming-cherry-500: #f22833;
--color-flaming-cherry-600: #cd262c;
--color-flaming-cherry-700: #a51f23;
--color-flaming-cherry-800: #7b131b;
--color-flaming-cherry-900: #570d12;
--color-flaming-cherry-950: #3a0005;
}SCSS
$flaming-cherry: #d4202a;
$flaming-cherry-rgb: 212, 32, 42;
$flaming-cherry-light: mix(#fff, $flaming-cherry, 20%);
$flaming-cherry-dark: mix(#000, $flaming-cherry, 20%);
.element {
color: $flaming-cherry;
box-shadow: 0 0 0 2px rgba($flaming-cherry, 0.35);
}