Couleur nommée la plus proche · #D40FB4
#D40FB4
Couleur nommée la plus proche: Mystifying Magenta
#D40FB4 (rgb(212 15 180), hsl(310 87% 45%), oklch(0.595 0.257 337.2)) est la plus proche de la couleur nommée Mystifying Magenta. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#D40FB4
oklch(0.595 0.257 337.2)
Conversions de couleur
- HEX
- #d40fb4
- RGB
- rgb(212 15 180)
- HSL
- hsl(310 87% 45%)
- HWB
- hwb(310 6% 17%)
- OKLCH
- oklch(0.595 0.257 337.2)
- OKLab
- oklab(0.595 0.236 -0.1)
- CIE Lab
- lab(49.2 77.06 -35.76)
- LCH
- lch(49.2 84.95 335.1)
- CMYK
- cmyk(0% 93% 15% 17%)
Teintes · Ombres · Tons
Teintes
- DB3EBC
- E25AC4
- E872CC
- ED87D3
- F29CDB
- F6B0E2
- F9C4EA
- FCD8F1
- FEEBF8
Ombres
- B80B9C
- 9D0885
- 83056E
- 690358
- 510244
- 3A0130
- 24001D
- 10000C
- 020002
Tons
- CD2EAF
- C63FAA
- BE4CA5
- B756A0
- AF5F9B
- A76796
- 9E6E90
- 95748B
- 8B7A86
Harmonies de couleurs
Complémentaire +180°
- D40FB4
Mystifying Magenta
- 00975C
≈ Green Gloss
Analogue -30° +30°
- D40FB4
Mystifying Magenta
- A83BF2
≈ Sweet Desire
- E70066
≈ Hyper Pink
Triadique +120° +240°
- D40FB4
Mystifying Magenta
- 937E00
≈ Moscow Papyrus
- 008EA8
≈ Quintana
Complémentaire divisée +150° +210°
- D40FB4
Mystifying Magenta
- 658E00
≈ Sap Green
- 009289
≈ Nifty Turquoise
Tétradique +90° +180° +270°
- D40FB4
Mystifying Magenta
- B26D00
≈ Caramel
- 00975C
≈ Green Gloss
- 0083D6
≈ Electron Blue
Contraste et accessibilité
Ag
AASur blanc
WCAG 4.63:1 · APCA Lc 70
Ag
AASur noir
WCAG 4.52:1 · APCA Lc 32
Meilleure couleur de texte: #FFFFFF
WCAG 4.63:1 (AA) · APCA Lc 70
Contrast pairs
Extraits de code
CSS
:root {
--mystifying-magenta: #d40fb4;
--mystifying-magenta-rgb: 212 15 180;
--mystifying-magenta-oklch: oklch(0.595 0.257 337.2);
}
.element {
color: var(--mystifying-magenta);
background-color: hsl(310 87% 45%);
border-color: oklch(0.595 0.257 337.2);
}Tailwind CSS v4
@theme {
--color-mystifying-magenta: #d40fb4;
--color-mystifying-magenta-50: #ffd9ff;
--color-mystifying-magenta-100: #ffc6ff;
--color-mystifying-magenta-200: #ffa6f8;
--color-mystifying-magenta-300: #ff7be2;
--color-mystifying-magenta-400: #f64ed4;
--color-mystifying-magenta-500: #e400c1;
--color-mystifying-magenta-600: #c100a3;
--color-mystifying-magenta-700: #9b0383;
--color-mystifying-magenta-800: #720264;
--color-mystifying-magenta-900: #510446;
--color-mystifying-magenta-950: #35002e;
}SCSS
$mystifying-magenta: #d40fb4;
$mystifying-magenta-rgb: 212, 15, 180;
$mystifying-magenta-light: mix(#fff, $mystifying-magenta, 20%);
$mystifying-magenta-dark: mix(#000, $mystifying-magenta, 20%);
.element {
color: $mystifying-magenta;
box-shadow: 0 0 0 2px rgba($mystifying-magenta, 0.35);
}