لون مسمّى · #871646
Akuma’s Fury
Akuma’s Fury هو #871646: rgb(135 22 70)، hsl(335 72% 31%)، oklch(0.415 0.15 1.5). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Red mean? → · Akuma’s Fury color name →
#871646
oklch(0.415 0.15 1.5)
تحويلات الألوان
- 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%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 953356
- A34B67
- B06179
- BD778B
- C98D9D
- D5A3B0
- E0BAC3
- EBD1D7
- F5E8EB
درجات داكنة
- 75123C
- 630D32
- 510928
- 41061E
- 310315
- 21020D
- 130105
- 060002
- 010000
درجات رمادية
- 88274C
- 893351
- 893E57
- 89495C
- 895362
- 885C68
- 87656E
- 856E74
- 83777A
تناسق الألوان
متمم +180°
- 871646
Akuma’s Fury
- 00594E
≈ Forest Shadows
متجاور -30° +30°
- 871646
Akuma’s Fury
- 772170
≈ Mirage of Violets
- 8B1A09
≈ Brick Red
ثلاثي +120° +240°
- 871646
Akuma’s Fury
- 435300
≈ Highlands Moss
- 00517B
≈ Silk Jewel
متمم منقسم +150° +210°
- 871646
Akuma’s Fury
- 005C2B
≈ Sombre Green
- 005662
≈ Abyssal Waters
رباعي +90° +180° +270°
- 871646
Akuma’s Fury
- 5D4900
≈ Mud Brown
- 00594E
≈ Forest Shadows
- 313F9C
≈ Liquid Denim
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 9.40:1 · APCA Lc 90
Ag
Failعلى الأسود
WCAG 2.23:1 · APCA Lc 12
أفضل لون للنص: #FFFFFF
WCAG 9.40:1 (AAA) · APCA Lc 90
Contrast pairs
مقتطفات الأكواد
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);
}