Cor nomeada · #EE2277
Furious Fuchsia
Furious Fuchsia é #EE2277: rgb(238 34 119), hsl(335 86% 53%), oklch(0.622 0.235 3.7). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Red mean? → · Furious Fuchsia color name →
#EE2277
oklch(0.622 0.235 3.7)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- F34784
- F86191
- FC789E
- FF8CAB
- FFA0B9
- FFB4C6
- FFC7D4
- FFDAE2
- FFECF1
Sombras
- CF1C67
- B11657
- 931147
- 770B38
- 5C072A
- 42031C
- 2A0110
- 140005
- 030001
Tons
- E53878
- DB4679
- D1527A
- C75B7B
- BD637C
- B26A7C
- A7707D
- 9B767E
- 8E7B7F
Harmonias de cor
Complementar +180°
- EE2277
Furious Fuchsia
- 009C8E
≈ Tropics
Análoga -30° +30°
- EE2277
Furious Fuchsia
- D339C0
≈ Loudicious Pink
- F03700
≈ Gran Torino Red
Tríade +120° +240°
- EE2277
Furious Fuchsia
- 749500
≈ Mossy Woods
- 008EDB
≈ Blue Cola
Complementar dividida +150° +210°
- EE2277
Furious Fuchsia
- 00A158
≈ Full Energy
- 0097AE
≈ Aquarium Diver
Tétrade +90° +180° +270°
- EE2277
Furious Fuchsia
- A08400
≈ Pestilence
- 009C8E
≈ Tropics
- 6474FF
≈ Byzantine Night Blue
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 4.09:1 · APCA Lc 66
Ag
AASobre preto
WCAG 5.13:1 · APCA Lc 36
Melhor cor de texto: #000000
WCAG 5.13:1 (AA) · APCA Lc 36
Contrast pairs
Trechos de código
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);
}