Benannte Farbe · #771100
Sang de Boeuf
Sang de Boeuf ist #771100: rgb(119 17 0), hsl(9 100% 23%), oklch(0.367 0.138 32.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Sang de Boeuf color name →
#771100
oklch(0.367 0.138 32.3)
Farbumrechnungen
- HEX
- #771100
- RGB
- rgb(119 17 0)
- HSL
- hsl(9 100% 23%)
- HWB
- hwb(9 0% 53%)
- OKLCH
- oklch(0.367 0.138 32.3)
- OKLab
- oklab(0.367 0.116 0.074)
- CIE Lab
- lab(25.28 42.48 37.71)
- LCH
- lch(25.28 56.8 41.6)
- CMYK
- cmyk(0% 86% 100% 53%)
Tints · Shades · Tones
Tints
- 872F1F
- 964637
- A45D4F
- B27366
- C08A7F
- CDA197
- DAB8B0
- E7CFCA
- F3E7E4
Shades
- 670D00
- 570900
- 470600
- 380400
- 2A0200
- 1C0100
- 100000
- 050000
- 010000
Tones
- 7A2213
- 7C2F21
- 7E3B2E
- 80453A
- 815046
- 825A51
- 82635D
- 826D68
- 817774
Farbharmonien
Komplementär +180°
- 771100
Sang de Boeuf
- 004853
≈ Midnight Green
Analog -30° +30°
- 771100
Sang de Boeuf
- 740C39
≈ Merlot
- 5E3300
≈ Chocolate Fantasies
Triadisch +120° +240°
- 771100
Sang de Boeuf
- 004D24
≈ Troll Green
- 293386
≈ Ritterlich Blue
Geteilt komplementär +150° +210°
- 771100
Sang de Boeuf
- 004A42
≈ Tropical Forest
- 004369
≈ Lush Aqua
Tetradisch +90° +180° +270°
- 771100
Sang de Boeuf
- 374600
≈ Garden Shadow
- 004853
≈ Midnight Green
- 4E2579
≈ Spanish Violet
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 11.26:1 · APCA Lc 94
Ag
FailAuf Schwarz
WCAG 1.86:1 · APCA Lc 8
Beste Textfarbe: #FFFFFF
WCAG 11.26:1 (AAA) · APCA Lc 94
Contrast pairs
Code-Snippets
CSS
:root {
--sang-de-boeuf: #771100;
--sang-de-boeuf-rgb: 119 17 0;
--sang-de-boeuf-oklch: oklch(0.367 0.138 32.3);
}
.element {
color: var(--sang-de-boeuf);
background-color: hsl(9 100% 23%);
border-color: oklch(0.367 0.138 32.3);
}Tailwind CSS v4
@theme {
--color-sang-de-boeuf: #771100;
--color-sang-de-boeuf-50: #ffe8db;
--color-sang-de-boeuf-100: #ffd8ca;
--color-sang-de-boeuf-200: #ffbfad;
--color-sang-de-boeuf-300: #f59d88;
--color-sang-de-boeuf-400: #e47d69;
--color-sang-de-boeuf-500: #d15d48;
--color-sang-de-boeuf-600: #b1503d;
--color-sang-de-boeuf-700: #8e4031;
--color-sang-de-boeuf-800: #6a2d24;
--color-sang-de-boeuf-900: #4b1e18;
--color-sang-de-boeuf-950: #310e09;
}SCSS
$sang-de-boeuf: #771100;
$sang-de-boeuf-rgb: 119, 17, 0;
$sang-de-boeuf-light: mix(#fff, $sang-de-boeuf, 20%);
$sang-de-boeuf-dark: mix(#000, $sang-de-boeuf, 20%);
.element {
color: $sang-de-boeuf;
box-shadow: 0 0 0 2px rgba($sang-de-boeuf, 0.35);
}