Benannte Farbe · #882200
Bloodline
Bloodline ist #882200: rgb(136 34 0), hsl(15 100% 27%), oklch(0.416 0.142 36). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Bloodline color name →
#882200
oklch(0.416 0.142 36)
Farbumrechnungen
- HEX
- #882200
- RGB
- rgb(136 34 0)
- HSL
- hsl(15 100% 27%)
- HWB
- hwb(15 0% 47%)
- OKLCH
- oklch(0.416 0.142 36)
- OKLab
- oklab(0.416 0.115 0.084)
- CIE Lab
- lab(30.94 42.74 43.94)
- LCH
- lch(30.94 61.3 45.8)
- CMYK
- cmyk(0% 75% 100% 47%)
Tints · Shades · Tones
Tints
- 963B23
- A3513B
- B06753
- BD7C6A
- C99182
- D4A79A
- E0BDB3
- EAD2CC
- F5E9E5
Shades
- 751C00
- 631600
- 521100
- 410B00
- 310700
- 220300
- 130100
- 060000
- 010000
Tones
- 892F16
- 893A25
- 8A4432
- 8A4E3D
- 895649
- 885F54
- 87685F
- 85706A
- 837875
Farbharmonien
Komplementär +180°
- 882200
Bloodline
- 005565
≈ Rainy Morning
Analog -30° +30°
- 882200
Bloodline
- 861C40
≈ Atlas Red
- 6D4000
≈ Bloodtracker Brown
Triadisch +120° +240°
- 882200
Bloodline
- 005B33
≈ Crusoe
- 3A3F97
≈ Blueberry
Geteilt komplementär +150° +210°
- 882200
Bloodline
- 005852
≈ Castleton Green
- 004F82
≈ Snorkel Blue
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 9.22:1 · APCA Lc 90
Ag
FailAuf Schwarz
WCAG 2.27:1 · APCA Lc 12
Beste Textfarbe: #FFFFFF
WCAG 9.22:1 (AAA) · APCA Lc 90
Contrast pairs
Code-Snippets
CSS
:root {
--bloodline: #882200;
--bloodline-rgb: 136 34 0;
--bloodline-oklch: oklch(0.416 0.142 36);
}
.element {
color: var(--bloodline);
background-color: hsl(15 100% 27%);
border-color: oklch(0.416 0.142 36);
}Tailwind CSS v4
@theme {
--color-bloodline: #882200;
--color-bloodline-50: #ffe8d8;
--color-bloodline-100: #ffd8c6;
--color-bloodline-200: #ffc0a8;
--color-bloodline-300: #f69d82;
--color-bloodline-400: #e57d61;
--color-bloodline-500: #d35d3d;
--color-bloodline-600: #b24f35;
--color-bloodline-700: #8f3f2a;
--color-bloodline-800: #6b2d1f;
--color-bloodline-900: #4b1e14;
--color-bloodline-950: #310d06;
}SCSS
$bloodline: #882200;
$bloodline-rgb: 136, 34, 0;
$bloodline-light: mix(#fff, $bloodline, 20%);
$bloodline-dark: mix(#000, $bloodline, 20%);
.element {
color: $bloodline;
box-shadow: 0 0 0 2px rgba($bloodline, 0.35);
}