Nächste benannte Farbe · #8A2754
#8A2754
Nächste benannte Farbe: Pink Horror
#8A2754 (rgb(138 39 84), hsl(333 56% 35%), oklch(0.44 0.14 356.7)) liegt am nächsten an der benannten Farbe Pink Horror. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#8A2754
oklch(0.44 0.14 356.7)
Farbumrechnungen
- HEX
- #8a2754
- RGB
- rgb(138 39 84)
- HSL
- hsl(333 56% 35%)
- HWB
- hwb(333 15% 46%)
- OKLCH
- oklch(0.44 0.14 356.7)
- OKLab
- oklab(0.44 0.14 -0.008)
- CIE Lab
- lab(33.24 45.02 -2.49)
- LCH
- lch(33.24 45.09 356.8)
- CMYK
- cmyk(0% 72% 39% 46%)
Tints · Shades · Tones
Tints
- 973E63
- A55473
- B16984
- BD7E94
- C993A5
- D5A8B7
- E0BDC8
- EAD3DA
- F5E9ED
Shades
- 772048
- 651A3C
- 531431
- 420E26
- 32081B
- 220411
- 140208
- 070102
- 010000
Tones
- 8A3358
- 8B3D5D
- 8B4661
- 8A4F65
- 8A586A
- 88606E
- 876872
- 857077
- 83787B
Farbharmonien
Komplementär +180°
- 8A2754
Pink Horror
- 006151
≈ Alpine Green
Analog -30° +30°
- 8A2754
Pink Horror
- 78307A
≈ Maximum Purple
- 902825
≈ Vivid Auburn
Triadisch +120° +240°
- 8A2754
Pink Horror
- 4F5900
≈ Kyuri Green
- 005980
≈ Mykonos Blue
Geteilt komplementär +150° +210°
- 8A2754
Pink Horror
- 006520
≈ Paradise Palms
- 005E67
≈ Fish Tale
Tetradisch +90° +180° +270°
- 8A2754
Pink Horror
- 684E00
≈ Olive Brown
- 006151
≈ Alpine Green
- 2F4B9F
≈ Sea of Tears
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.40:1 · APCA Lc 88
Ag
FailAuf Schwarz
WCAG 2.49:1 · APCA Lc 14
Beste Textfarbe: #FFFFFF
WCAG 8.40:1 (AAA) · APCA Lc 88
Contrast pairs
Code-Snippets
CSS
:root {
--pink-horror: #8a2754;
--pink-horror-rgb: 138 39 84;
--pink-horror-oklch: oklch(0.44 0.14 356.7);
}
.element {
color: var(--pink-horror);
background-color: hsl(333 56% 35%);
border-color: oklch(0.44 0.14 356.7);
}Tailwind CSS v4
@theme {
--color-pink-horror: #8a2754;
--color-pink-horror-50: #ffe5f4;
--color-pink-horror-100: #ffd5e7;
--color-pink-horror-200: #ffbcd3;
--color-pink-horror-300: #f299b6;
--color-pink-horror-400: #df79a0;
--color-pink-horror-500: #cb5988;
--color-pink-horror-600: #ac4c73;
--color-pink-horror-700: #8a3c5c;
--color-pink-horror-800: #662b45;
--color-pink-horror-900: #481d30;
--color-pink-horror-950: #2f0d1c;
}SCSS
$pink-horror: #8a2754;
$pink-horror-rgb: 138, 39, 84;
$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);
}