Adlandırılmış renk · #871646
Akuma’s Fury
Akuma’s Fury, #871646: rgb(135 22 70), hsl(335 72% 31%), oklch(0.415 0.15 1.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Akuma’s Fury color name →
#871646
oklch(0.415 0.15 1.5)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 953356
- A34B67
- B06179
- BD778B
- C98D9D
- D5A3B0
- E0BAC3
- EBD1D7
- F5E8EB
Koyu tonlar
- 75123C
- 630D32
- 510928
- 41061E
- 310315
- 21020D
- 130105
- 060002
- 010000
Gri tonlar
- 88274C
- 893351
- 893E57
- 89495C
- 895362
- 885C68
- 87656E
- 856E74
- 83777A
Renk uyumları
Tamamlayıcı +180°
- 871646
Akuma’s Fury
- 00594E
≈ Forest Shadows
Analog -30° +30°
- 871646
Akuma’s Fury
- 772170
≈ Mirage of Violets
- 8B1A09
≈ Brick Red
Üçlü +120° +240°
- 871646
Akuma’s Fury
- 435300
≈ Highlands Moss
- 00517B
≈ Silk Jewel
Bölünmüş tamamlayıcı +150° +210°
- 871646
Akuma’s Fury
- 005C2B
≈ Sombre Green
- 005662
≈ Abyssal Waters
Dörtlü +90° +180° +270°
- 871646
Akuma’s Fury
- 5D4900
≈ Mud Brown
- 00594E
≈ Forest Shadows
- 313F9C
≈ Liquid Denim
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 9.40:1 · APCA Lc 90
Ag
FailSiyah üzerinde
WCAG 2.23:1 · APCA Lc 12
En iyi metin rengi: #FFFFFF
WCAG 9.40:1 (AAA) · APCA Lc 90
Contrast pairs
Kod parçacıkları
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);
}