#D970D3

#D970D3

Valeurs de couleur

HEX

#D970D3

RGB

217, 112, 211

HSL

303,4, 58,0%, 64,5%

HSV

303,4, 48,4%, 85,1%

CMYK

0,0%, 48,4%, 2,8%, 14,9%

OKLCH

0,6995 0,178 329,4

Propriétés

Chaud Clair Le plus proche : orchid

Psychologie des couleurs

Magenta is a stimulating, attention-commanding color that bridges passion and imagination. It represents transformation, artistic vision, and unconventional thinking. Magenta disrupts expectations and is associated with innovation and bold self-expression.

Design Usage

Medium magentas are powerful for brands that want to project creativity and boldness. They create eye-catching gradients when blended with purple or orange tones. Use sparingly as accent colors for maximum impact in otherwise restrained designs.

Harmonies de couleurs

Complémentaire

#D970D3

#70D976

Analogue

#AA70D9

#D9709F

#D970D3

Triadique

#D970D3

#D3D970

#70D3D9

Complémentaire divisé

#D970D3

#9FD970

#70D9AA

Tétradique

#D970D3

#D9AA70

#70D976

#709FD9

Simulation de daltonisme

Original

#D970D3

Protanopie

#ACABBB

Deutéranopie

#B2B9B5

Tritanopie

#D4A8A4

Achromatopsie

#8D8D8D

Utilisation CSS

background-color: #D970D3;

color: #D970D3;

border-color: #D970D3;

Tailwind le plus proche : Fuchsia 400 #E879F9

Nuances Tailwind

Vérificateur de contraste

Texte sur blanc

2,91:1

AA Fail AAA Fail

Texte sur noir

7,21:1

AA Pass AAA Pass

Comparer avec

Articles associés

CSS color-mix() : mélanger des couleurs nativement dans le navigateur

Jan 26, 2026

Créer un sélecteur de couleur Web Component from scratch

Jan 21, 2026

Espaces colorimétriques perceptuels : Lab, LCH, Oklab, OKLCH

Jan 15, 2026

Questions fréquemment posées

What are the RGB, HSL, and CMYK values of #D970D3?

RGB(217, 112, 211) · HSL(303,4, 58,0%, 64,5%) · CMYK(0,0%, 48,4%, 2,8%, 14,9%)

Does #D970D3 meet WCAG contrast on white?

2,91:1 — WCAG AA Échoué, AAA Échoué for normal text.

What text color is readable on #D970D3?

Use 000000 text on a #D970D3 background; contrast on black is 7,21:1.