Benannte Farbe · #73404D
Blood Rose
Blood Rose ist #73404D: rgb(115 64 77), hsl(345 28% 35%), oklch(0.437 0.073 4.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Blood Rose color name →
#73404D
oklch(0.437 0.073 4.1)
Farbumrechnungen
- HEX
- #73404d
- RGB
- rgb(115 64 77)
- HSL
- hsl(345 28% 35%)
- HWB
- hwb(345 25% 55%)
- OKLCH
- oklch(0.437 0.073 4.1)
- OKLab
- oklab(0.437 0.072 0.005)
- CIE Lab
- lab(33.86 23.95 2.31)
- LCH
- lch(33.86 24.07 5.5)
- CMYK
- cmyk(0% 44% 33% 55%)
Tints · Shades · Tones
Tints
- 81525D
- 8F636D
- 9D767E
- AB8890
- B99BA1
- C7AFB3
- D5C2C6
- E3D6D9
- F1EAEC
Shades
- 633642
- 542D37
- 45242C
- 361B22
- 281318
- 1B0B0F
- 0F0507
- 050102
- 010000
Tones
- 754752
- 774D57
- 78535C
- 7A5A61
- 7B6066
- 7D666B
- 7E6D70
- 7F7375
- 7F7A7B
Farbharmonien
Komplementär +180°
- 73404D
Blood Rose
- 105F56
≈ Empress Teal
Analog -30° +30°
- 73404D
Blood Rose
- 6A4262
≈ Royal Plum
- 744237
≈ Volcanic Brick
Triadisch +120° +240°
- 73404D
Blood Rose
- 495929
≈ Trefoil
- 2B5677
≈ Venice Blue
Geteilt komplementär +150° +210°
- 73404D
Blood Rose
- 2E5D3F
≈ Greenbriar
- 0E5C6A
≈ Hero
Tetradisch +90° +180° +270°
- 73404D
Blood Rose
- 5F511D
≈ Tucumán Green
- 105F56
≈ Empress Teal
- 454E7A
≈ Skipper Blue
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.17:1 · APCA Lc 88
Ag
FailAuf Schwarz
WCAG 2.56:1 · APCA Lc 14
Beste Textfarbe: #FFFFFF
WCAG 8.17:1 (AAA) · APCA Lc 88
Contrast pairs
Code-Snippets
CSS
:root {
--blood-rose: #73404d;
--blood-rose-rgb: 115 64 77;
--blood-rose-oklch: oklch(0.437 0.073 4.1);
}
.element {
color: var(--blood-rose);
background-color: hsl(345 28% 35%);
border-color: oklch(0.437 0.073 4.1);
}Tailwind CSS v4
@theme {
--color-blood-rose: #73404d;
--color-blood-rose-50: #ffedf2;
--color-blood-rose-100: #ffdee4;
--color-blood-rose-200: #f1c8cf;
--color-blood-rose-300: #d9a9b1;
--color-blood-rose-400: #c48d99;
--color-blood-rose-500: #af7280;
--color-blood-rose-600: #94606d;
--color-blood-rose-700: #774d57;
--color-blood-rose-800: #583840;
--color-blood-rose-900: #3d262c;
--color-blood-rose-950: #271419;
}SCSS
$blood-rose: #73404d;
$blood-rose-rgb: 115, 64, 77;
$blood-rose-light: mix(#fff, $blood-rose, 20%);
$blood-rose-dark: mix(#000, $blood-rose, 20%);
.element {
color: $blood-rose;
box-shadow: 0 0 0 2px rgba($blood-rose, 0.35);
}