Cor nomeada · #ED0DD9
Fuchsia
Fuchsia é #ED0DD9: rgb(237 13 217), hsl(305 90% 49%), oklch(0.654 0.29 333.1). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Fuchsia color name →
#ED0DD9
oklch(0.654 0.29 333.1)
Conversões de cor
- HEX
- #ed0dd9
- RGB
- rgb(237 13 217)
- HSL
- hsl(305 90% 49%)
- HWB
- hwb(305 5% 7%)
- OKLCH
- oklch(0.654 0.29 333.1)
- OKLab
- oklab(0.654 0.259 -0.131)
- CIE Lab
- lab(55.42 85.69 -46.97)
- LCH
- lch(55.42 97.72 331.3)
- CMYK
- cmyk(0% 95% 8% 7%)
Tons claros · Sombras · Tons
Tons claros
- F243DE
- F660E2
- F978E6
- FC8DEB
- FEA2EE
- FFB5F2
- FFC8F6
- FFDAF9
- FFEDFC
Sombras
- CE0ABC
- B007A1
- 930586
- 77036C
- 5C0253
- 42013B
- 2A0025
- 140011
- 030002
Tons
- E331D0
- D944C8
- CF51BF
- C55BB6
- BB64AD
- B06BA4
- A5719B
- 997792
- 8D7C89
Harmonias de cor
Complementar +180°
- ED0DD9
Fuchsia
- 00AD5C
≈ Nordic Grass Green
Análoga -30° +30°
- ED0DD9
Fuchsia
- AE61FF
≈ Purple Hedonist
- FF2381
≈ Reliquial Rose
Tríade +120° +240°
- ED0DD9
Fuchsia
- AD8D00
≈ Titanite Yellow
- 00A2BA
≈ January Blue
Complementar dividida +150° +210°
- ED0DD9
Fuchsia
- 7E9F00
≈ Support Green
- 00A797
≈ Persian Green
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 3.70:1 · APCA Lc 62
Ag
AASobre preto
WCAG 5.66:1 · APCA Lc 39
Melhor cor de texto: #000000
WCAG 5.66:1 (AA) · APCA Lc 39
Contrast pairs
Trechos de código
CSS
:root {
--fuchsia: #ed0dd9;
--fuchsia-rgb: 237 13 217;
--fuchsia-oklch: oklch(0.654 0.29 333.1);
}
.element {
color: var(--fuchsia);
background-color: hsl(305 90% 49%);
border-color: oklch(0.654 0.29 333.1);
}Tailwind CSS v4
@theme {
--color-fuchsia: #ed0dd9;
--color-fuchsia-50: #ffd6ff;
--color-fuchsia-100: #ffc2ff;
--color-fuchsia-200: #ffa0ff;
--color-fuchsia-300: #ff72f1;
--color-fuchsia-400: #fa3de5;
--color-fuchsia-500: #e800d4;
--color-fuchsia-600: #c400b3;
--color-fuchsia-700: #9e0090;
--color-fuchsia-800: #74006e;
--color-fuchsia-900: #52004e;
--color-fuchsia-950: #360033;
}SCSS
$fuchsia: #ed0dd9;
$fuchsia-rgb: 237, 13, 217;
$fuchsia-light: mix(#fff, $fuchsia, 20%);
$fuchsia-dark: mix(#000, $fuchsia, 20%);
.element {
color: $fuchsia;
box-shadow: 0 0 0 2px rgba($fuchsia, 0.35);
}