Benannte Farbe · #860111
Red Devil
Red Devil ist #860111: rgb(134 1 17), hsl(353 99% 26%), oklch(0.391 0.158 25.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Red Devil color name →
#860111
oklch(0.391 0.158 25.3)
Farbumrechnungen
- HEX
- #860111
- RGB
- rgb(134 1 17)
- HSL
- hsl(353 99% 26%)
- HWB
- hwb(353 0% 47%)
- OKLCH
- oklch(0.391 0.158 25.3)
- OKLab
- oklab(0.391 0.143 0.067)
- CIE Lab
- lab(27.74 50.15 33.95)
- LCH
- lch(27.74 60.56 34.1)
- CMYK
- cmyk(0% 99% 87% 47%)
Tints · Shades · Tones
Tints
- 952A2A
- A34540
- B05C56
- BD736D
- CA8A84
- D5A19C
- E1B8B4
- EBCFCC
- F5E7E5
Shades
- 74010D
- 620109
- 510006
- 400004
- 300002
- 210001
- 130000
- 060000
- 010000
Tones
- 871D1F
- 892C2A
- 893935
- 8A4540
- 894F4B
- 895A55
- 876360
- 866D6A
- 837775
Farbharmonien
Komplementär +180°
- 860111
Red Devil
- 004F56
≈ Deep Atlantic Blue
Analog -30° +30°
- 860111
Red Devil
- 7F0349
≈ Renanthera Orchid
- 6B3400
≈ Nutmeg Wood Finish
Triadisch +120° +240°
- 860111
Red Devil
- 005513
≈ Swamp Monster
- 1B3A98
≈ Amalfitan Azure
Geteilt komplementär +150° +210°
- 860111
Red Devil
- 005243
≈ Tetsu Green
- 004B6B
≈ Navy Dark Blue
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 10.36:1 · APCA Lc 92
Ag
FailAuf Schwarz
WCAG 2.02:1 · APCA Lc 11
Beste Textfarbe: #FFFFFF
WCAG 10.36:1 (AAA) · APCA Lc 92
Contrast pairs
Code-Snippets
CSS
:root {
--red-devil: #860111;
--red-devil-rgb: 134 1 17;
--red-devil-oklch: oklch(0.391 0.158 25.3);
}
.element {
color: var(--red-devil);
background-color: hsl(353 99% 26%);
border-color: oklch(0.391 0.158 25.3);
}Tailwind CSS v4
@theme {
--color-red-devil: #860111;
--color-red-devil-50: #ffe5dd;
--color-red-devil-100: #ffd4cb;
--color-red-devil-200: #ffbaaf;
--color-red-devil-300: #fe978b;
--color-red-devil-400: #ed756d;
--color-red-devil-500: #db514d;
--color-red-devil-600: #b94642;
--color-red-devil-700: #953834;
--color-red-devil-800: #6f2727;
--color-red-devil-900: #4e1a1a;
--color-red-devil-950: #340a0b;
}SCSS
$red-devil: #860111;
$red-devil-rgb: 134, 1, 17;
$red-devil-light: mix(#fff, $red-devil, 20%);
$red-devil-dark: mix(#000, $red-devil, 20%);
.element {
color: $red-devil;
box-shadow: 0 0 0 2px rgba($red-devil, 0.35);
}