Benannte Farbe · #871646
Akuma’s Fury
Akuma’s Fury ist #871646: rgb(135 22 70), hsl(335 72% 31%), oklch(0.415 0.15 1.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Akuma’s Fury color name →
#871646
oklch(0.415 0.15 1.5)
Farbumrechnungen
- HEX
- #871646
- RGB
- rgb(135 22 70)
- HSL
- hsl(335 72% 31%)
- HWB
- hwb(335 9% 47%)
- OKLCH
- oklch(0.415 0.15 1.5)
- OKLab
- oklab(0.415 0.15 0.004)
- CIE Lab
- lab(30.25 48.54 2.3)
- LCH
- lch(30.25 48.6 2.7)
- CMYK
- cmyk(0% 84% 48% 47%)
Tints · Shades · Tones
Tints
- 953356
- A34B67
- B06179
- BD778B
- C98D9D
- D5A3B0
- E0BAC3
- EBD1D7
- F5E8EB
Shades
- 75123C
- 630D32
- 510928
- 41061E
- 310315
- 21020D
- 130105
- 060002
- 010000
Tones
- 88274C
- 893351
- 893E57
- 89495C
- 895362
- 885C68
- 87656E
- 856E74
- 83777A
Farbharmonien
Komplementär +180°
- 871646
Akuma’s Fury
- 00594E
≈ Forest Shadows
Analog -30° +30°
- 871646
Akuma’s Fury
- 772170
≈ Mirage of Violets
- 8B1A09
≈ Brick Red
Triadisch +120° +240°
- 871646
Akuma’s Fury
- 435300
≈ Highlands Moss
- 00517B
≈ Silk Jewel
Geteilt komplementär +150° +210°
- 871646
Akuma’s Fury
- 005C2B
≈ Sombre Green
- 005662
≈ Abyssal Waters
Tetradisch +90° +180° +270°
- 871646
Akuma’s Fury
- 5D4900
≈ Mud Brown
- 00594E
≈ Forest Shadows
- 313F9C
≈ Liquid Denim
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 9.40:1 · APCA Lc 90
Ag
FailAuf Schwarz
WCAG 2.23:1 · APCA Lc 12
Beste Textfarbe: #FFFFFF
WCAG 9.40:1 (AAA) · APCA Lc 90
Contrast pairs
Code-Snippets
CSS
:root {
--akuma-s-fury: #871646;
--akuma-s-fury-rgb: 135 22 70;
--akuma-s-fury-oklch: oklch(0.415 0.15 1.5);
}
.element {
color: var(--akuma-s-fury);
background-color: hsl(335 72% 31%);
border-color: oklch(0.415 0.15 1.5);
}Tailwind CSS v4
@theme {
--color-akuma-s-fury: #871646;
--color-akuma-s-fury-50: #ffe4f0;
--color-akuma-s-fury-100: #ffd4e2;
--color-akuma-s-fury-200: #ffbacd;
--color-akuma-s-fury-300: #f796af;
--color-akuma-s-fury-400: #e57598;
--color-akuma-s-fury-500: #d2537f;
--color-akuma-s-fury-600: #b2476c;
--color-akuma-s-fury-700: #8f3956;
--color-akuma-s-fury-800: #6a2841;
--color-akuma-s-fury-900: #4b1b2d;
--color-akuma-s-fury-950: #310b1a;
}SCSS
$akuma-s-fury: #871646;
$akuma-s-fury-rgb: 135, 22, 70;
$akuma-s-fury-light: mix(#fff, $akuma-s-fury, 20%);
$akuma-s-fury-dark: mix(#000, $akuma-s-fury, 20%);
.element {
color: $akuma-s-fury;
box-shadow: 0 0 0 2px rgba($akuma-s-fury, 0.35);
}