ColorTool
Se connecter
#D331F0

#d331f0 ≈ Medium Orchid

  • magenta
  • Luminosité: moyenne
  • Saturation: forte
  • Équilibrée
Vérifier le contraste Explorer dans le graphe Couleur aléatoire

#d331f0 est une couleur de la famille « magenta », avec une luminosité moyenne et une saturation forte. Dans le modèle RGB, elle se compose de 82,75 % de rouge, 19,22 % de vert et 94,12 % de bleu ; imprimée en CMJN, elle utilise 12,08 % de cyan, 79,58 % de magenta, 0 % de jaune et 5,88 % de noir. Son angle de teinte est de 290,89°, avec 86,43 % de saturation et 56,67 % de luminosité en HSL. Elle se situe entre chaud et froid et est souvent associée à la créativité, l’audace et l’individualité. Les designers l’utilisent souvent pour la beauté et les cosmétiques, les studios créatifs et les boutons d’appel à l’action. Un texte noir sur cette couleur atteint un rapport de contraste de 5,47:1 (WCAG AA). La couleur nommée la plus proche est Medium Orchid (#ba55d3), ΔE 5,62.

Description générée à partir des propriétés mesurées de cette couleur.

HEX
RGB
RGB en pourcentage
CMY
CMYK
HSL
HSV / HSB
Web sûr#cc33ff
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binaire
Décimal
Luminance relative0.2234

Complémentaire

  1. #d331f0
  2. #4ef031

Complémentaire divisé

  1. #d331f0
  2. #aef031
  3. #31f074

Analogue

  1. #7431f0
  2. #d331f0
  3. #f031ae

Triadique

  1. #d331f0
  2. #f0d331
  3. #31f0d3

Tétradique

  1. #d331f0
  2. #f0314e
  3. #4ef031
  4. #31f0d3

Carré

  1. #d331f0
  2. #f07431
  3. #4ef031
  4. #31aef0

Monochrome

  1. #6d097f
  2. #aa0ec6
  3. #d331f0
  4. #e278f5
  5. #f1c0fa

Ombres

#d331f0 mélangé progressivement avec du noir.

  1. #d331f0
  2. #be2cd8
  3. #a927c0
  4. #9422a8
  5. #7f1d90
  6. #6a1978
  7. #541460
  8. #3f0f48
  9. #2a0a30
  10. #150518
  11. #000000

Teintes

#d331f0 mélangé progressivement avec du blanc.

  1. #d331f0
  2. #d746f2
  3. #dc5af3
  4. #e06ff5
  5. #e583f6
  6. #e998f8
  7. #edadf9
  8. #f2c1fb
  9. #f6d6fc
  10. #fbeafe
  11. #ffffff

Tons

#d331f0 mélangé progressivement avec du gris.

  1. #d331f0
  2. #cb39e5
  3. #c241da
  4. #ba49ce
  5. #b251c3
  6. #aa59b8
  7. #a160ad
  8. #9968a2
  9. #917096
  10. #88788b
  11. #808080

Texte lisible 3.84:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Texte lisible 5.47:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Achromatopsie #828282 ≈ 0.003% des hommes
Achromatomalie #a96bb9 ≈ 0.001% des hommes
Protanopie #0077f5 ≈ 1.01% des hommes
Deutéranopie #4988ec ≈ 1.27% des hommes
Tritanopie #d45c92 ≈ 0.0001% des hommes
Protanomalie #8462f3 ≈ 1.08% des hommes
Deutéranomalie #956fee ≈ 4.63% des hommes
Tritanomalie #d44ebf ≈ 0.0002% des hommes
Simuler sur votre propre image

Texte de cette couleur

Fond de cette couleur

Bordure de cette couleur

Couleur du texte
.text-d331f0 {
  color: #d331f0;
}
Arrière-plan
.bg-d331f0 {
  background-color: #d331f0;
  color: #000000;
}
Bordure
.border-d331f0 {
  border: 2px solid #d331f0;
}
Variables CSS
:root {
  --color-primary: #d331f0;
  --color-primary-rgb: 211 49 240;
  --color-primary-hsl: 291 86% 57%;
}
Dégradé
.gradient-d331f0 {
  background: linear-gradient(135deg, #d331f0, #f031ae);
}
Ombre colorée
.shadow-d331f0 {
  box-shadow: 0 8px 24px rgb(211 49 240 / 0.35);
}

#ba55d3 Medium Orchid ΔE 5.62 #bf00ff Electric Purple ΔE 5.97 #ff00ff Fuchsia ΔE 6.76 #ff00ff Magenta ΔE 6.76 #fc0fc0 Shocking Pink ΔE 10.96 #df73ff Heliotrope ΔE 11.06 #da70d6 Orchid ΔE 11.45 #2cce0f Inversée #828282 Niveaux de gris 

Medium Orchid
#d331f0  rgb(211, 49, 240)  hsl(291, 86%, 57%)  Medium Orchid
#4ef031  rgb(78, 240, 49)  hsl(111, 86%, 57%)  Neon Green
#f0d331  rgb(240, 211, 49)  hsl(51, 86%, 57%)  Citrine
#31f0d3  rgb(49, 240, 211)  hsl(171, 86%, 57%)  Turquoise