ColorTool
Iniciar sesión
#BF64A1

#bf64a1 ≈ Sky Magenta

  • magenta
  • Luminosidad: media
  • Saturación: moderada
  • Equilibrado
Comprobar contraste Explorar en el grafo Color aleatorio

#bf64a1 es un color de la familia magenta, con luminosidad media y saturación moderada. En el modelo RGB se compone de 74,9% de rojo, 39,22% de verde y 63,14% de azul; impreso en CMYK usa 0% de cian, 47,64% de magenta, 15,71% de amarillo y 25,1% de negro. Su ángulo de tono es 319,78°, con 41,55% de saturación y 57,06% de luminosidad en HSL. Se sitúa entre cálido y frío, y a menudo se asocia con creatividad, audacia e individualidad. Los diseñadores suelen usarlo para belleza y cosmética, estudios creativos y acentos de marca. El texto negro sobre este color alcanza una relación de contraste de 5,55:1 (WCAG AA). El color con nombre más cercano es Sky Magenta (#cf71af), ΔE 4,77.

Descripción generada a partir de las propiedades medidas de este color.

HEX
RGB
RGB en porcentaje
CMY
CMYK
HSL
HSV / HSB
Web seguro#cc6699
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binario
Decimal
Luminancia relativa0.2276

Complementario

  1. #bf64a1
  2. #64bf82

Complementario dividido

  1. #bf64a1
  2. #74bf64
  3. #64bfb0

Análogo

  1. #b064bf
  2. #bf64a1
  3. #bf6474

Triádico

  1. #bf64a1
  2. #a1bf64
  3. #64a1bf

Tetrádico

  1. #bf64a1
  2. #bf8264
  3. #64bf82
  4. #64a1bf

Cuadrado

  1. #bf64a1
  2. #bfb064
  3. #64bf82
  4. #6474bf

Monocromático

  1. #62284f
  2. #983f7a
  3. #bf64a1
  4. #d59ac2
  5. #ecd0e3

Sombras

#bf64a1 mezclado progresivamente con negro.

  1. #bf64a1
  2. #ac5a91
  3. #995081
  4. #864671
  5. #733c61
  6. #603251
  7. #4c2840
  8. #391e30
  9. #261420
  10. #130a10
  11. #000000

Tintes

#bf64a1 mezclado progresivamente con blanco.

  1. #bf64a1
  2. #c574aa
  3. #cc83b4
  4. #d293bd
  5. #d9a2c7
  6. #dfb2d0
  7. #e5c1d9
  8. #ecd1e3
  9. #f2e0ec
  10. #f9f0f6
  11. #ffffff

Tonos

#bf64a1 mezclado progresivamente con gris.

  1. #bf64a1
  2. #b9679e
  3. #b26a9a
  4. #ac6c97
  5. #a66f94
  6. #a07291
  7. #99758d
  8. #93788a
  9. #8d7a87
  10. #867d83
  11. #808080

Texto legible 3.78:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Texto legible 5.55:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #838383 ≈ 0.003% de los hombres
Acromatomalía #9f7890 ≈ 0.001% de los hombres
Protanopía #697aa3 ≈ 1.01% de los hombres
Deuteranopía #81899f ≈ 1.27% de los hombres
Tritanopía #c8657b ≈ 0.0001% de los hombres
Protanomalía #9372a2 ≈ 1.08% de los hombres
Deuteranomalía #9e7ca0 ≈ 4.63% de los hombres
Tritanomalía #c5658c ≈ 0.0002% de los hombres
Simular en tu propia imagen

Texto en este color

Fondo en este color

Borde en este color

Color de texto
.text-bf64a1 {
  color: #bf64a1;
}
Fondo
.bg-bf64a1 {
  background-color: #bf64a1;
  color: #000000;
}
Borde
.border-bf64a1 {
  border: 2px solid #bf64a1;
}
Variables CSS
:root {
  --color-primary: #bf64a1;
  --color-primary-rgb: 191 100 161;
  --color-primary-hsl: 320 42% 57%;
}
Degradado
.gradient-bf64a1 {
  background: linear-gradient(135deg, #bf64a1, #bf6474);
}
Sombra de color
.shadow-bf64a1 {
  box-shadow: 0 8px 24px rgb(191 100 161 / 0.35);
}

#cf71af Sky Magenta ΔE 4.77 #c54b8c Mulberry ΔE 6.46 #de6fa1 Thulian Pink ΔE 7.84 #db7093 Pale Violet Red ΔE 10.00 #da70d6 Orchid ΔE 10.13 #ff43a4 Wild Strawberry ΔE 10.88 #fe28a2 Persian Rose ΔE 10.95 #409b5e Invertido #838383 Escala de grises 

Sky Magenta
#bf64a1  rgb(191, 100, 161)  hsl(320, 42%, 57%)  Sky Magenta
#64bf82  rgb(100, 191, 130)  hsl(140, 42%, 57%)  Emerald
#a1bf64  rgb(161, 191, 100)  hsl(80, 42%, 57%)  Olivine
#64a1bf  rgb(100, 161, 191)  hsl(200, 42%, 57%)  Moonstone Blue