لون مسمّى · #EE2277
Furious Fuchsia
Furious Fuchsia هو #EE2277: rgb(238 34 119)، hsl(335 86% 53%)، oklch(0.622 0.235 3.7). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Red mean? → · Furious Fuchsia color name →
#EE2277
oklch(0.622 0.235 3.7)
تحويلات الألوان
- HEX
- #ee2277
- RGB
- rgb(238 34 119)
- HSL
- hsl(335 86% 53%)
- HWB
- hwb(335 13% 7%)
- OKLCH
- oklch(0.622 0.235 3.7)
- OKLab
- oklab(0.622 0.235 0.015)
- CIE Lab
- lab(53.26 76.01 7.34)
- LCH
- lch(53.26 76.37 5.5)
- CMYK
- cmyk(0% 86% 50% 7%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- F34784
- F86191
- FC789E
- FF8CAB
- FFA0B9
- FFB4C6
- FFC7D4
- FFDAE2
- FFECF1
درجات داكنة
- CF1C67
- B11657
- 931147
- 770B38
- 5C072A
- 42031C
- 2A0110
- 140005
- 030001
درجات رمادية
- E53878
- DB4679
- D1527A
- C75B7B
- BD637C
- B26A7C
- A7707D
- 9B767E
- 8E7B7F
تناسق الألوان
متمم +180°
- EE2277
Furious Fuchsia
- 009C8E
≈ Tropics
متجاور -30° +30°
- EE2277
Furious Fuchsia
- D339C0
≈ Loudicious Pink
- F03700
≈ Gran Torino Red
ثلاثي +120° +240°
- EE2277
Furious Fuchsia
- 749500
≈ Mossy Woods
- 008EDB
≈ Blue Cola
متمم منقسم +150° +210°
- EE2277
Furious Fuchsia
- 00A158
≈ Full Energy
- 0097AE
≈ Aquarium Diver
رباعي +90° +180° +270°
- EE2277
Furious Fuchsia
- A08400
≈ Pestilence
- 009C8E
≈ Tropics
- 6474FF
≈ Byzantine Night Blue
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 4.09:1 · APCA Lc 66
Ag
AAعلى الأسود
WCAG 5.13:1 · APCA Lc 36
أفضل لون للنص: #000000
WCAG 5.13:1 (AA) · APCA Lc 36
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--furious-fuchsia: #ee2277;
--furious-fuchsia-rgb: 238 34 119;
--furious-fuchsia-oklch: oklch(0.622 0.235 3.7);
}
.element {
color: var(--furious-fuchsia);
background-color: hsl(335 86% 53%);
border-color: oklch(0.622 0.235 3.7);
}Tailwind CSS v4
@theme {
--color-furious-fuchsia: #ee2277;
--color-furious-fuchsia-50: #ffd9eb;
--color-furious-fuchsia-100: #ffc7dc;
--color-furious-fuchsia-200: #ffa7c5;
--color-furious-fuchsia-300: #ff7ca5;
--color-furious-fuchsia-400: #ff4e8f;
--color-furious-fuchsia-500: #f60075;
--color-furious-fuchsia-600: #cf0063;
--color-furious-fuchsia-700: #a7024f;
--color-furious-fuchsia-800: #7c013c;
--color-furious-fuchsia-900: #580329;
--color-furious-fuchsia-950: #3b0017;
}SCSS
$furious-fuchsia: #ee2277;
$furious-fuchsia-rgb: 238, 34, 119;
$furious-fuchsia-light: mix(#fff, $furious-fuchsia, 20%);
$furious-fuchsia-dark: mix(#000, $furious-fuchsia, 20%);
.element {
color: $furious-fuchsia;
box-shadow: 0 0 0 2px rgba($furious-fuchsia, 0.35);
}