#CF308B

#CF308B

Valeurs de couleur

HEX

#CF308B

RGB

207, 48, 139

HSL

325,7, 62,4%, 50,0%

HSV

325,7, 76,8%, 81,2%

CMYK

0,0%, 76,8%, 32,9%, 18,8%

OKLCH

0,5844 0,2095 350,8

Propriétés

Chaud Sombre Le plus proche : maroon 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

#CF308B

#30CF74

Analogue

#C430CF

#CF303B

#CF308B

Triadique

#CF308B

#8BCF30

#308BCF

Complémentaire divisé

#CF308B

#3BCF30

#30CFC4

Tétradique

#CF308B

#CFC430

#30CF74

#303BCF

Simulation de daltonisme

Original

#CF308B

Protanopie

#8A8975

Deutéranopie

#939F70

Tritanopie

#C76460

Achromatopsie

#585858

Utilisation CSS

background-color: #CF308B;
color: #CF308B;
border-color: #CF308B;
Tailwind le plus proche : Pink 500 #EC4899

Nuances Tailwind

50
#FBF3F8
100
#F7E4EF
200
#F2C5DE
300
#E89CC7
400
#DC66A9
500
#CF308B
600
#A6266F
700
#851F59
800
#681845
900
#4C1534
950
#300D21

Vérificateur de contraste

Texte sur blanc

4,72:1

AA Pass AAA Fail

Texte sur noir

4,45:1

AA Fail AAA Fail

Comparer avec

#CF308B
#30CF74
#CF308B
#FFFFFF
#000000
#CF308B

Articles associés

Tutoriels

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

Jan 26, 2026
Tutoriels

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

Jan 21, 2026
Tutoriels

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

RGB(207, 48, 139) · HSL(325,7, 62,4%, 50,0%) · CMYK(0,0%, 76,8%, 32,9%, 18,8%)

Does #CF308B meet WCAG contrast on white?

4,72:1 — WCAG AA Réussi, AAA Échoué for normal text.

What text color is readable on #CF308B?

Use FFFFFF text on a #CF308B background; contrast on black is 4,45:1.