Nächste benannte Farbe · #8D3E5F
#8D3E5F
Nächste benannte Farbe: Pink Horror
#8D3E5F (rgb(141 62 95), hsl(335 39% 40%), oklch(0.478 0.113 356)) liegt am nächsten an der benannten Farbe Pink Horror. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#8D3E5F
oklch(0.478 0.113 356)
Farbumrechnungen
- HEX
- #8d3e5f
- RGB
- rgb(141 62 95)
- HSL
- hsl(335 39% 40%)
- HWB
- hwb(335 24% 45%)
- OKLCH
- oklch(0.478 0.113 356)
- OKLab
- oklab(0.478 0.113 -0.008)
- CIE Lab
- lab(37.97 36.9 -2.54)
- LCH
- lch(37.97 36.99 356.1)
- CMYK
- cmyk(0% 56% 33% 45%)
Tints · Shades · Tones
Tints
- 99516E
- A6647D
- B2768C
- BD899C
- C99CAC
- D4AFBC
- DFC3CC
- EAD7DD
- F5EBEE
Shades
- 7A3552
- 672B44
- 552338
- 441A2C
- 331220
- 230A15
- 14040A
- 070103
- 010000
Tones
- 8D4562
- 8C4D65
- 8C5469
- 8B5A6C
- 8A616F
- 886773
- 876D76
- 857479
- 837A7D
Farbharmonien
Komplementär +180°
- 8D3E5F
Pink Horror
- 006D5B
≈ Teal Dark Green
Analog -30° +30°
- 8D3E5F
Pink Horror
- 7D447F
≈ Nightly Violet
- 923F3A
≈ Red Red Red
Triadisch +120° +240°
- 8D3E5F
Pink Horror
- 5A6400
≈ Forestial Outpost
- 00658F
≈ Kingfisher Blue
Geteilt komplementär +150° +210°
- 8D3E5F
Pink Horror
- 2A6D33
≈ San Felix
- 006A74
≈ Mary Blue
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.03:1 · APCA Lc 84
Ag
FailAuf Schwarz
WCAG 2.98:1 · APCA Lc 18
Beste Textfarbe: #FFFFFF
WCAG 7.03:1 (AAA) · APCA Lc 84
Contrast pairs
Code-Snippets
CSS
:root {
--pink-horror: #8d3e5f;
--pink-horror-rgb: 141 62 95;
--pink-horror-oklch: oklch(0.478 0.113 356);
}
.element {
color: var(--pink-horror);
background-color: hsl(335 39% 40%);
border-color: oklch(0.478 0.113 356);
}Tailwind CSS v4
@theme {
--color-pink-horror: #8d3e5f;
--color-pink-horror-50: #ffe8f5;
--color-pink-horror-100: #ffd9e8;
--color-pink-horror-200: #fec1d4;
--color-pink-horror-300: #e89fb7;
--color-pink-horror-400: #d481a0;
--color-pink-horror-500: #c06488;
--color-pink-horror-600: #a25573;
--color-pink-horror-700: #82445c;
--color-pink-horror-800: #603145;
--color-pink-horror-900: #432130;
--color-pink-horror-950: #2b101c;
}SCSS
$pink-horror: #8d3e5f;
$pink-horror-rgb: 141, 62, 95;
$pink-horror-light: mix(#fff, $pink-horror, 20%);
$pink-horror-dark: mix(#000, $pink-horror, 20%);
.element {
color: $pink-horror;
box-shadow: 0 0 0 2px rgba($pink-horror, 0.35);
}