Benannte Farbe · #FF474C
Blood Burst
Blood Burst ist #FF474C: rgb(255 71 76), hsl(358 100% 64%), oklch(0.667 0.22 24.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Blood Burst color name →
#FF474C
oklch(0.667 0.22 24.1)
Farbumrechnungen
- HEX
- #ff474c
- RGB
- rgb(255 71 76)
- HSL
- hsl(358 100% 64%)
- HWB
- hwb(358 28% 0%)
- OKLCH
- oklch(0.667 0.22 24.1)
- OKLab
- oklab(0.667 0.201 0.09)
- CIE Lab
- lab(59.16 69.7 41.03)
- LCH
- lch(59.16 80.88 30.5)
- CMYK
- cmyk(0% 72% 70% 0%)
Tints · Shades · Tones
Tints
- FF605F
- FF7571
- FF8882
- FF9A94
- FFACA5
- FFBDB7
- FFCEC9
- FFDEDB
- FFEFED
Shades
- DE3D41
- BE3236
- 9E282C
- 801F22
- 631618
- 480D0F
- 2E0606
- 160202
- 030000
Tones
- F45253
- E85B59
- DC625E
- D06964
- C46E69
- B8736E
- AB7773
- 9D7A77
- 8F7D7C
Farbharmonien
Komplementär +180°
- FF474C
Blood Burst
- 00A8B5
≈ Exotic Sea
Analog -30° +30°
- FF474C
Blood Burst
- F3479D
≈ Rose Bonbon
- E07200
≈ Gold Orange
Triadisch +120° +240°
- FF474C
Blood Burst
- 00B427
≈ Pikkoro Green
- 5C8EFF
≈ Deep Denim
Geteilt komplementär +150° +210°
- FF474C
Blood Burst
- 00AD8F
≈ Hobgoblin
- 00A1DD
≈ Vanadyl Blue
Tetradisch +90° +180° +270°
- FF474C
Blood Burst
- 949E00
≈ Pea Soup
- 00A8B5
≈ Exotic Sea
- 9E75FF
≈ Purple Illusionist
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.35:1 · APCA Lc 60
Ag
AAAuf Schwarz
WCAG 6.25:1 · APCA Lc 42
Beste Textfarbe: #000000
WCAG 6.25:1 (AA) · APCA Lc 42
Contrast pairs
Code-Snippets
CSS
:root {
--blood-burst: #ff474c;
--blood-burst-rgb: 255 71 76;
--blood-burst-oklch: oklch(0.667 0.22 24.1);
}
.element {
color: var(--blood-burst);
background-color: hsl(358 100% 64%);
border-color: oklch(0.667 0.22 24.1);
}Tailwind CSS v4
@theme {
--color-blood-burst: #ff474c;
--color-blood-burst-50: #ffddd4;
--color-blood-burst-100: #ffccc1;
--color-blood-burst-200: #ffaea2;
--color-blood-burst-300: #ff857a;
--color-blood-burst-400: #ff5a5a;
--color-blood-burst-500: #f61a34;
--color-blood-burst-600: #d01c2d;
--color-blood-burst-700: #a71824;
--color-blood-burst-800: #7d0e1c;
--color-blood-burst-900: #590912;
--color-blood-burst-950: #3b0005;
}SCSS
$blood-burst: #ff474c;
$blood-burst-rgb: 255, 71, 76;
$blood-burst-light: mix(#fff, $blood-burst, 20%);
$blood-burst-dark: mix(#000, $blood-burst, 20%);
.element {
color: $blood-burst;
box-shadow: 0 0 0 2px rgba($blood-burst, 0.35);
}