Benannte Farbe · #8A3C38
Red Blooded
Red Blooded ist #8A3C38: rgb(138 60 56), hsl(3 42% 38%), oklch(0.459 0.108 25.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Red Blooded color name →
#8A3C38
oklch(0.459 0.108 25.1)
Farbumrechnungen
- HEX
- #8a3c38
- RGB
- rgb(138 60 56)
- HSL
- hsl(3 42% 38%)
- HWB
- hwb(3 22% 46%)
- OKLCH
- oklch(0.459 0.108 25.1)
- OKLab
- oklab(0.459 0.097 0.046)
- CIE Lab
- lab(36.24 33.73 19.55)
- LCH
- lch(36.24 38.99 30.1)
- CMYK
- cmyk(0% 57% 59% 46%)
Tints · Shades · Tones
Tints
- 974F4A
- A3625D
- B07570
- BC8883
- C89B97
- D3AFAB
- DEC2BF
- E9D6D4
- F4EBE9
Shades
- 77332F
- 652A27
- 53211F
- 421917
- 32110F
- 220A08
- 140404
- 070101
- 010000
Tones
- 8A443F
- 8A4B46
- 8A524E
- 895955
- 88605C
- 876663
- 866D6A
- 847371
- 827A79
Farbharmonien
Komplementär +180°
- 8A3C38
Red Blooded
- 00646D
≈ Peacock Tail
Analog -30° +30°
- 8A3C38
Red Blooded
- 853B5B
≈ Berry Patch
- 84450C
≈ Chocolate Pancakes
Triadisch +120° +240°
- 8A3C38
Red Blooded
- 2A672F
≈ Swampland
- 3A5594
≈ Muted Lavender
Geteilt komplementär +150° +210°
- 8A3C38
Red Blooded
- 006755
≈ Piney Lake
- 005F86
≈ Blue Flame
Tetradisch +90° +180° +270°
- 8A3C38
Red Blooded
- 565E00
≈ Greensboro
- 00646D
≈ Peacock Tail
- 5D4A8D
≈ Purple Corallite
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.54:1 · APCA Lc 86
Ag
FailAuf Schwarz
WCAG 2.78:1 · APCA Lc 16
Beste Textfarbe: #FFFFFF
WCAG 7.54:1 (AAA) · APCA Lc 86
Contrast pairs
Code-Snippets
CSS
:root {
--red-blooded: #8a3c38;
--red-blooded-rgb: 138 60 56;
--red-blooded-oklch: oklch(0.459 0.108 25.1);
}
.element {
color: var(--red-blooded);
background-color: hsl(3 42% 38%);
border-color: oklch(0.459 0.108 25.1);
}Tailwind CSS v4
@theme {
--color-red-blooded: #8a3c38;
--color-red-blooded-50: #ffeae5;
--color-red-blooded-100: #ffdbd5;
--color-red-blooded-200: #ffc3bc;
--color-red-blooded-300: #e9a29a;
--color-red-blooded-400: #d7857e;
--color-red-blooded-500: #c36761;
--color-red-blooded-600: #a55853;
--color-red-blooded-700: #854642;
--color-red-blooded-800: #623230;
--color-red-blooded-900: #452221;
--color-red-blooded-950: #2d1110;
}SCSS
$red-blooded: #8a3c38;
$red-blooded-rgb: 138, 60, 56;
$red-blooded-light: mix(#fff, $red-blooded, 20%);
$red-blooded-dark: mix(#000, $red-blooded, 20%);
.element {
color: $red-blooded;
box-shadow: 0 0 0 2px rgba($red-blooded, 0.35);
}