ColorTool
Iniciar sesión
#A45BE1

#a45be1 ≈ Amethyst

  • violeta
  • Luminosidad: media
  • Saturación: fuerte
  • Frío
Comprobar contraste Explorar en el grafo Color aleatorio

#a45be1 es un color de la familia violeta, con luminosidad media y saturación fuerte. En el modelo RGB se compone de 64,31% de rojo, 35,69% de verde y 88,24% de azul; impreso en CMYK usa 27,11% de cian, 59,56% de magenta, 0% de amarillo y 11,76% de negro. Su ángulo de tono es 272,69°, con 69,07% de saturación y 61,96% de luminosidad en HSL. Es un color frío, a menudo asociado con imaginación, espiritualidad y lujo. 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,16:1 (WCAG AA). El color con nombre más cercano es Amethyst (#9966cc), ΔE 4,31.

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

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

Complementario

  1. #a45be1
  2. #98e15b

Complementario dividido

  1. #a45be1
  2. #dbe15b
  3. #5be161

Análogo

  1. #615be1
  2. #a45be1
  3. #e15bdb

Triádico

  1. #a45be1
  2. #e1a45b
  3. #5be1a4

Tetrádico

  1. #a45be1
  2. #e15b98
  3. #98e15b
  4. #5be1a4

Cuadrado

  1. #a45be1
  2. #e1615b
  3. #98e15b
  4. #5bdbe1

Monocromático

  1. #57198a
  2. #7f25ca
  3. #a45be1
  4. #c89ced
  5. #ecdcf9

Sombras

#a45be1 mezclado progresivamente con negro.

  1. #a45be1
  2. #9452cb
  3. #8349b4
  4. #73409e
  5. #623787
  6. #522e71
  7. #42245a
  8. #311b44
  9. #21122d
  10. #100917
  11. #000000

Tintes

#a45be1 mezclado progresivamente con blanco.

  1. #a45be1
  2. #ad6be4
  3. #b67ce7
  4. #bf8cea
  5. #c89ded
  6. #d2adf0
  7. #dbbdf3
  8. #e4cef6
  9. #eddef9
  10. #f6effc
  11. #ffffff

Tonos

#a45be1 mezclado progresivamente con gris.

  1. #a45be1
  2. #a05fd7
  3. #9d62ce
  4. #9966c4
  5. #966aba
  6. #926eb1
  7. #8e71a7
  8. #8b759d
  9. #877993
  10. #847c8a
  11. #808080

Texto legible 4.07:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Texto legible 5.16:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #7e7e7e ≈ 0.003% de los hombres
Acromatomalía #8f72af ≈ 0.001% de los hombres
Protanopía #1d7be5 ≈ 1.01% de los hombres
Deuteranopía #427ede ≈ 1.27% de los hombres
Tritanopía #9a7596 ≈ 0.0001% de los hombres
Protanomalía #6e70e4 ≈ 1.08% de los hombres
Deuteranomalía #7672df ≈ 4.63% de los hombres
Tritanomalía #9e6cb9 ≈ 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-a45be1 {
  color: #a45be1;
}
Fondo
.bg-a45be1 {
  background-color: #a45be1;
  color: #000000;
}
Borde
.border-a45be1 {
  border: 2px solid #a45be1;
}
Variables CSS
:root {
  --color-primary: #a45be1;
  --color-primary-rgb: 164 91 225;
  --color-primary-hsl: 273 69% 62%;
}
Degradado
.gradient-a45be1 {
  background: linear-gradient(135deg, #a45be1, #e15bdb);
}
Sombra de color
.shadow-a45be1 {
  box-shadow: 0 8px 24px rgb(164 91 225 / 0.35);
}

#9966cc Amethyst ΔE 4.31 #ba55d3 Medium Orchid ΔE 5.26 #9370db Medium Purple ΔE 6.24 #bf00ff Electric Purple ΔE 8.66 #7b68ee Medium Slate Blue ΔE 8.77 #9a4eae Purpureus ΔE 9.26 #9932cc Dark Orchid ΔE 9.85 #5ba41e Invertido #7e7e7e Escala de grises 

Amethyst
#a45be1  rgb(164, 91, 225)  hsl(273, 69%, 62%)  Amethyst
#98e15b  rgb(152, 225, 91)  hsl(93, 69%, 62%)  Inchworm
#e1a45b  rgb(225, 164, 91)  hsl(33, 69%, 62%)  Indian Yellow
#5be1a4  rgb(91, 225, 164)  hsl(153, 69%, 62%)  Caribbean Green