Benannte Farbe · #D34D4D
Horror Snob
Horror Snob ist #D34D4D: rgb(211 77 77), hsl(0 60% 56%), oklch(0.602 0.17 23.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Horror Snob color name →
#D34D4D
oklch(0.602 0.17 23.7)
Farbumrechnungen
- HEX
- #d34d4d
- RGB
- rgb(211 77 77)
- HSL
- hsl(0 60% 56%)
- HWB
- hwb(0 30% 17%)
- OKLCH
- oklch(0.602 0.17 23.7)
- OKLab
- oklab(0.602 0.155 0.068)
- CIE Lab
- lab(52.13 53.66 29.9)
- LCH
- lch(52.13 61.42 29.1)
- CMYK
- cmyk(0% 64% 64% 17%)
Tints · Shades · Tones
Tints
- DA615E
- E07470
- E68681
- EB9892
- F0A9A4
- F4BAB6
- F8CBC8
- FBDDDA
- FDEEEC
Shades
- B74242
- 9C3737
- 822C2C
- 692222
- 511818
- 3A0F0F
- 240707
- 100202
- 020000
Tones
- CC5553
- C55B58
- BD615E
- B66763
- AE6C68
- A5716D
- 9D7572
- 947977
- 8A7D7B
Farbharmonien
Komplementär +180°
- D34D4D
Horror Snob
- 00929D
≈ Jaded
Analog -30° +30°
- D34D4D
Horror Snob
- C94C88
≈ Mulberry Yoghurt
- C46200
≈ Alloy Orange
Triadisch +120° +240°
- D34D4D
Horror Snob
- 2F9934
≈ Beer Garden
- 4A7BE5
≈ Skies of Cyberspace
Geteilt komplementär +150° +210°
- D34D4D
Horror Snob
- 00977B
≈ Pool Table
- 008CC0
≈ Cyan Cornflower Blue
Tetradisch +90° +180° +270°
- D34D4D
Horror Snob
- 818900
≈ Krypton Green
- 00929D
≈ Jaded
- 8867DB
≈ Matt Purple
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.25:1 · APCA Lc 68
Ag
AAAuf Schwarz
WCAG 4.93:1 · APCA Lc 33
Beste Textfarbe: #000000
WCAG 4.93:1 (AA) · APCA Lc 33
Contrast pairs
Code-Snippets
CSS
:root {
--horror-snob: #d34d4d;
--horror-snob-rgb: 211 77 77;
--horror-snob-oklch: oklch(0.602 0.17 23.7);
}
.element {
color: var(--horror-snob);
background-color: hsl(0 60% 56%);
border-color: oklch(0.602 0.17 23.7);
}Tailwind CSS v4
@theme {
--color-horror-snob: #d34d4d;
--color-horror-snob-50: #ffe3dc;
--color-horror-snob-100: #ffd3cb;
--color-horror-snob-200: #ffb8af;
--color-horror-snob-300: #ff938a;
--color-horror-snob-400: #f2706c;
--color-horror-snob-500: #e04a4c;
--color-horror-snob-600: #bd4041;
--color-horror-snob-700: #983334;
--color-horror-snob-800: #722327;
--color-horror-snob-900: #50181a;
--color-horror-snob-950: #35070b;
}SCSS
$horror-snob: #d34d4d;
$horror-snob-rgb: 211, 77, 77;
$horror-snob-light: mix(#fff, $horror-snob, 20%);
$horror-snob-dark: mix(#000, $horror-snob, 20%);
.element {
color: $horror-snob;
box-shadow: 0 0 0 2px rgba($horror-snob, 0.35);
}