#CC60C0

#CC60C0

Valeurs de couleur

HEX

#CC60C0

RGB

204, 96, 192

HSL

306,7, 51,4%, 58,8%

HSV

306,7, 52,9%, 80,0%

CMYK

0,0%, 52,9%, 5,9%, 20,0%

OKLCH

0,6529 0,1788 331,8

Propriétés

Chaud Clair Le plus proche : orchid 3

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

#CC60C0

#60CC6C

Analogue

#A260CC

#CC608A

#CC60C0

Triadique

#CC60C0

#C0CC60

#60C0CC

Complémentaire divisé

#CC60C0

#8ACC60

#60CCA2

Tétradique

#CC60C0

#CCA260

#60CC6C

#608ACC

Simulation de daltonisme

Original

#CC60C0

Protanopie

#9D9CA9

Deutéranopie

#A4ACA3

Tritanopie

#C79692

Achromatopsie

#7E7E7E

Utilisation CSS

background-color: #CC60C0;

color: #CC60C0;

border-color: #CC60C0;

Tailwind le plus proche : Fuchsia 400 #E879F9

Nuances Tailwind

Vérificateur de contraste

Texte sur blanc

3,5:1

AA Fail AAA Fail

Texte sur noir

6,0:1

AA Pass AAA Fail

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 #CC60C0?

RGB(204, 96, 192) · HSL(306,7, 51,4%, 58,8%) · CMYK(0,0%, 52,9%, 5,9%, 20,0%)

Does #CC60C0 meet WCAG contrast on white?

3,5:1 — WCAG AA Échoué, AAA Échoué for normal text.

What text color is readable on #CC60C0?

Use 000000 text on a #CC60C0 background; contrast on black is 6,0:1.