Color con nombre · #FD3F92
French Fuchsia
French Fuchsia es #FD3F92: rgb(253 63 146), hsl(334 98% 62%), oklch(0.673 0.232 359.3). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Red mean? → · French Fuchsia color name →
#FD3F92
oklch(0.673 0.232 359.3)
Conversiones de color
- HEX
- #fd3f92
- RGB
- rgb(253 63 146)
- HSL
- hsl(334 98% 62%)
- HWB
- hwb(334 25% 1%)
- OKLCH
- oklch(0.673 0.232 359.3)
- OKLab
- oklab(0.673 0.232 -0.003)
- CIE Lab
- lab(59.12 74.81 0.06)
- LCH
- lch(59.12 74.81 0)
- CMYK
- cmyk(0% 75% 42% 1%)
Tintes · Sombras · Tonos
Tintes
- FF5A9C
- FF70A7
- FF84B2
- FF97BC
- FFA9C7
- FFBBD2
- FFCCDD
- FFDDE8
- FFEEF4
Sombras
- DC357E
- BC2C6B
- 9D2358
- 7F1B46
- 621235
- 470A25
- 2D0416
- 160108
- 030001
Tonos
- F24C90
- E6568E
- DB5E8D
- CF658B
- C36B89
- B77187
- AA7585
- 9D7984
- 8F7D82
Armonías de color
Complementario +180°
- FD3F92
French Fuchsia
- 00AE98
≈ Pool Green
Análogo -30° +30°
- FD3F92
French Fuchsia
- DF51D9
≈ Pink Purple
- FF4F3E
≈ Ogre Odour
Triádico +120° +240°
- FD3F92
French Fuchsia
- 8CA300
≈ Noxious
- 00A0E9
≈ Button Blue
Complementario dividido +150° +210°
- FD3F92
French Fuchsia
- 00B450
≈ Billiards Cloth
- 00A9BD
≈ Sarah’s Garden
Tetrádico +90° +180° +270°
- FD3F92
French Fuchsia
- B89100
≈ Main Mast Gold
- 00AE98
≈ Pool Green
- 6C8DFF
≈ Punch Out Glove
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 3.33:1 · APCA Lc 59
Ag
AASobre negro
WCAG 6.30:1 · APCA Lc 42
Mejor color de texto: #000000
WCAG 6.30:1 (AA) · APCA Lc 42
Contrast pairs
Fragmentos de código
CSS
:root {
--french-fuchsia: #fd3f92;
--french-fuchsia-rgb: 253 63 146;
--french-fuchsia-oklch: oklch(0.673 0.232 359.3);
}
.element {
color: var(--french-fuchsia);
background-color: hsl(334 98% 62%);
border-color: oklch(0.673 0.232 359.3);
}Tailwind CSS v4
@theme {
--color-french-fuchsia: #fd3f92;
--color-french-fuchsia-50: #ffdaf1;
--color-french-fuchsia-100: #ffc7e3;
--color-french-fuchsia-200: #ffa8ce;
--color-french-fuchsia-300: #ff7db0;
--color-french-fuchsia-400: #ff519a;
--color-french-fuchsia-500: #f20082;
--color-french-fuchsia-600: #cc086e;
--color-french-fuchsia-700: #a40a58;
--color-french-fuchsia-800: #7a0543;
--color-french-fuchsia-900: #56052e;
--color-french-fuchsia-950: #3a001b;
}SCSS
$french-fuchsia: #fd3f92;
$french-fuchsia-rgb: 253, 63, 146;
$french-fuchsia-light: mix(#fff, $french-fuchsia, 20%);
$french-fuchsia-dark: mix(#000, $french-fuchsia, 20%);
.element {
color: $french-fuchsia;
box-shadow: 0 0 0 2px rgba($french-fuchsia, 0.35);
}