ColorTool
Se connecter
#BF138E

#bf138e ≈ Medium Violet Red

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

#bf138e est une couleur de la famille « magenta », avec une luminosité moyenne et une saturation forte. Dans le modèle RGB, elle se compose de 74,9 % de rouge, 7,45 % de vert et 55,69 % de bleu ; imprimée en CMJN, elle utilise 0 % de cyan, 90,05 % de magenta, 25,65 % de jaune et 25,1 % de noir. Son angle de teinte est de 317,09°, avec 81,9 % de saturation et 41,18 % 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 blanc sur cette couleur atteint un rapport de contraste de 5,68:1 (WCAG AA). La couleur nommée la plus proche est Medium Violet Red (#c71585), ΔE 3,12.

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#cc0099
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binaire
Décimal
Luminance relative0.135

Complémentaire

  1. #bf138e
  2. #13bf44

Complémentaire divisé

  1. #bf138e
  2. #38bf13
  3. #13bf9a

Analogue

  1. #9a13bf
  2. #bf138e
  3. #bf1338

Triadique

  1. #bf138e
  2. #8ebf13
  3. #138ebf

Tétradique

  1. #bf138e
  2. #bf4413
  3. #13bf44
  4. #138ebf

Carré

  1. #bf138e
  2. #bf9a13
  3. #13bf44
  4. #1338bf

Monochrome

  1. #340527
  2. #790c5a
  3. #bf138e
  4. #eb34b7
  5. #f279cf

Ombres

#bf138e mélangé progressivement avec du noir.

  1. #bf138e
  2. #ac1180
  3. #990f72
  4. #860d63
  5. #730b55
  6. #600a47
  7. #4c0839
  8. #39062b
  9. #26041c
  10. #13020e
  11. #000000

Teintes

#bf138e mélangé progressivement avec du blanc.

  1. #bf138e
  2. #c52b99
  3. #cc42a5
  4. #d25ab0
  5. #d971bb
  6. #df89c7
  7. #e5a1d2
  8. #ecb8dd
  9. #f2d0e8
  10. #f9e7f4
  11. #ffffff

Tons

#bf138e mélangé progressivement avec du gris.

  1. #bf138e
  2. #b91e8d
  3. #b2298b
  4. #ac348a
  5. #a63f88
  6. #a04a87
  7. #995486
  8. #935f84
  9. #8d6a83
  10. #867581
  11. #808080

Texte lisible 5.68:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Texte lisible 3.7:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Achromatopsie #676767 ≈ 0.003% des hommes
Achromatomalie #925278 ≈ 0.001% des hommes
Protanopie #315591 ≈ 1.01% des hommes
Deutéranopie #67708b ≈ 1.27% des hommes
Tritanopie #cc1054 ≈ 0.0001% des hommes
Protanomalie #834490 ≈ 1.08% des hommes
Deutéranomalie #92598c ≈ 4.63% des hommes
Tritanomalie #c71170 ≈ 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-bf138e {
  color: #bf138e;
}
Arrière-plan
.bg-bf138e {
  background-color: #bf138e;
  color: #ffffff;
}
Bordure
.border-bf138e {
  border: 2px solid #bf138e;
}
Variables CSS
:root {
  --color-primary: #bf138e;
  --color-primary-rgb: 191 19 142;
  --color-primary-hsl: 317 82% 41%;
}
Dégradé
.gradient-bf138e {
  background: linear-gradient(135deg, #bf138e, #bf1338);
}
Ombre colorée
.shadow-bf138e {
  box-shadow: 0 8px 24px rgb(191 19 142 / 0.35);
}

#c71585 Medium Violet Red ΔE 3.12 #c54b8c Mulberry ΔE 8.76 #8e4585 Deep Plum ΔE 9.52 #a50b5e Jazzberry Jam ΔE 9.76 #cf3476 Telemagenta ΔE 9.87 #9a4eae Purpureus ΔE 11.51 #8b008b Dark Magenta ΔE 11.74 #40ec71 Inversée #676767 Niveaux de gris 

Medium Violet Red
#bf138e  rgb(191, 19, 142)  hsl(317, 82%, 41%)  Medium Violet Red
#13bf44  rgb(19, 191, 68)  hsl(137, 82%, 41%)  Lime Green
#8ebf13  rgb(142, 191, 19)  hsl(77, 82%, 41%)  Apple Green
#138ebf  rgb(19, 142, 191)  hsl(197, 82%, 41%)  Bondi Blue