Couleur nommée · #FF00CC
Hot Magenta
Hot Magenta correspond à #FF00CC : rgb(255 0 204), hsl(312 100% 50%), oklch(0.674 0.293 340.4). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Pink mean? → · Hot Magenta color name →
#FF00CC
oklch(0.674 0.293 340.4)
Conversions de couleur
- HEX
- #ff00cc
- RGB
- rgb(255 0 204)
- HSL
- hsl(312 100% 50%)
- HWB
- hwb(312 0% 0%)
- OKLCH
- oklch(0.674 0.293 340.4)
- OKLab
- oklab(0.674 0.276 -0.098)
- CIE Lab
- lab(57.95 88.86 -35.31)
- LCH
- lch(57.95 95.62 338.3)
- CMYK
- cmyk(0% 100% 20% 0%)
Teintes · Ombres · Tons
Teintes
- FF42D2
- FF60D7
- FF78DC
- FF8EE2
- FFA2E7
- FFB6EC
- FFC8F1
- FFDBF6
- FFEDFA
Ombres
- DE00B1
- BE0097
- 9E007E
- 800065
- 63004E
- 480037
- 2E0022
- 16000F
- 030002
Tons
- F42FC4
- E843BD
- DC51B5
- D05BAE
- C464A6
- B86B9F
- AB7297
- 9D7790
- 8F7C88
Harmonies de couleurs
Complémentaire +180°
- FF00CC
Hot Magenta
- 00B276
≈ Green Teal
Analogue -30° +30°
- FF00CC
Hot Magenta
- C35FFF
≈ Jacaranda Pink
- FF4676
≈ Infrared
Triadique +120° +240°
- FF00CC
Hot Magenta
- AB9800
≈ Nuclear Fallout
- 00A7CB
≈ Gummy Dolphins
Complémentaire divisée +150° +210°
- FF00CC
Hot Magenta
- 6FAB00
≈ Green Envy
- 00ADA7
≈ Teal Me No Lies
Tétradique +90° +180° +270°
- FF00CC
Hot Magenta
- CE8400
≈ Copious Caramel
- 00B276
≈ Green Teal
- 259AFF
≈ Brilliant Azure
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.42:1 · APCA Lc 59
Ag
AASur noir
WCAG 6.12:1 · APCA Lc 43
Meilleure couleur de texte: #000000
WCAG 6.12:1 (AA) · APCA Lc 43
Contrast pairs
Extraits de code
CSS
:root {
--hot-magenta: #ff00cc;
--hot-magenta-rgb: 255 0 204;
--hot-magenta-oklch: oklch(0.674 0.293 340.4);
}
.element {
color: var(--hot-magenta);
background-color: hsl(312 100% 50%);
border-color: oklch(0.674 0.293 340.4);
}Tailwind CSS v4
@theme {
--color-hot-magenta: #ff00cc;
--color-hot-magenta-50: #ffd4ff;
--color-hot-magenta-100: #ffc0ff;
--color-hot-magenta-200: #ff9df6;
--color-hot-magenta-300: #ff6de0;
--color-hot-magenta-400: #ff32d2;
--color-hot-magenta-500: #f300bf;
--color-hot-magenta-600: #cd00a1;
--color-hot-magenta-700: #a50082;
--color-hot-magenta-800: #7a0063;
--color-hot-magenta-900: #560046;
--color-hot-magenta-950: #3a002d;
}SCSS
$hot-magenta: #ff00cc;
$hot-magenta-rgb: 255, 0, 204;
$hot-magenta-light: mix(#fff, $hot-magenta, 20%);
$hot-magenta-dark: mix(#000, $hot-magenta, 20%);
.element {
color: $hot-magenta;
box-shadow: 0 0 0 2px rgba($hot-magenta, 0.35);
}