Warna bernama · #FF474C
Blood Burst
Blood Burst adalah #FF474C: rgb(255 71 76), hsl(358 100% 64%), oklch(0.667 0.22 24.1). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Red mean? → · Blood Burst color name →
#FF474C
oklch(0.667 0.22 24.1)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- FF605F
- FF7571
- FF8882
- FF9A94
- FFACA5
- FFBDB7
- FFCEC9
- FFDEDB
- FFEFED
Shade
- DE3D41
- BE3236
- 9E282C
- 801F22
- 631618
- 480D0F
- 2E0606
- 160202
- 030000
Tone
- F45253
- E85B59
- DC625E
- D06964
- C46E69
- B8736E
- AB7773
- 9D7A77
- 8F7D7C
Harmoni warna
Komplementer +180°
- FF474C
Blood Burst
- 00A8B5
≈ Exotic Sea
Analog -30° +30°
- FF474C
Blood Burst
- F3479D
≈ Rose Bonbon
- E07200
≈ Gold Orange
Triadik +120° +240°
- FF474C
Blood Burst
- 00B427
≈ Pikkoro Green
- 5C8EFF
≈ Deep Denim
Split-komplementer +150° +210°
- FF474C
Blood Burst
- 00AD8F
≈ Hobgoblin
- 00A1DD
≈ Vanadyl Blue
Tetradik +90° +180° +270°
- FF474C
Blood Burst
- 949E00
≈ Pea Soup
- 00A8B5
≈ Exotic Sea
- 9E75FF
≈ Purple Illusionist
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 3.35:1 · APCA Lc 60
Ag
AADi atas hitam
WCAG 6.25:1 · APCA Lc 42
Warna teks terbaik: #000000
WCAG 6.25:1 (AA) · APCA Lc 42
Contrast pairs
Cuplikan kode
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);
}