ColorTool
Iniciar sesión
#501E53

#501e53 ≈ Byzantium

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

#501e53 es un color de la familia magenta, con luminosidad baja y saturación apagada. En el modelo RGB se compone de 31,37% de rojo, 11,76% de verde y 32,55% de azul; impreso en CMYK usa 3,61% de cian, 63,86% de magenta, 0% de amarillo y 67,45% de negro. Su ángulo de tono es 296,6°, con 46,9% de saturación y 22,16% 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 marcas de lujo. El texto blanco sobre este color alcanza una relación de contraste de 12,71:1 (WCAG AAA). El color con nombre más cercano es Byzantium (#702963), ΔE 7,05.

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

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

Complementario

  1. #501e53
  2. #21531e

Complementario dividido

  1. #501e53
  2. #3c531e
  3. #1e5336

Análogo

  1. #361e53
  2. #501e53
  3. #531e3c

Triádico

  1. #501e53
  2. #53501e
  3. #1e5350

Tetrádico

  1. #501e53
  2. #531e21
  3. #21531e
  4. #1e5350

Cuadrado

  1. #501e53
  2. #53361e
  3. #21531e
  4. #1e3c53

Monocromático

  1. #0e050f
  2. #1a0a1b
  3. #501e53
  4. #86328b
  5. #b84cbe

Sombras

#501e53 mezclado progresivamente con negro.

  1. #501e53
  2. #481b4b
  3. #401842
  4. #38153a
  5. #301232
  6. #280f2a
  7. #200c21
  8. #180919
  9. #100611
  10. #080308
  11. #000000

Tintes

#501e53 mezclado progresivamente con blanco.

  1. #501e53
  2. #623564
  3. #734b75
  4. #856287
  5. #967898
  6. #a88fa9
  7. #b9a5ba
  8. #cbbccb
  9. #dcd2dd
  10. #eee9ee
  11. #ffffff

Tonos

#501e53 mezclado progresivamente con gris.

  1. #501e53
  2. #552858
  3. #5a325c
  4. #5e3b61
  5. #634565
  6. #684f6a
  7. #6d596e
  8. #726373
  9. #766c77
  10. #7b767c
  11. #808080

Texto legible 12.71:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Texto legible 1.65:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Acromatopsia #333333 ≈ 0.003% de los hombres
Acromatomalía #402c42 ≈ 0.001% de los hombres
Protanopía #162f55 ≈ 1.01% de los hombres
Deuteranopía #283552 ≈ 1.27% de los hombres
Tritanopía #522535 ≈ 0.0001% de los hombres
Protanomalía #362954 ≈ 1.08% de los hombres
Deuteranomalía #3c2d52 ≈ 4.63% de los hombres
Tritanomalía #512243 ≈ 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-501e53 {
  color: #501e53;
}
Fondo
.bg-501e53 {
  background-color: #501e53;
  color: #ffffff;
}
Borde
.border-501e53 {
  border: 2px solid #501e53;
}
Variables CSS
:root {
  --color-primary: #501e53;
  --color-primary-rgb: 80 30 83;
  --color-primary-hsl: 297 47% 22%;
}
Degradado
.gradient-501e53 {
  background: linear-gradient(135deg, #501e53, #531e3c);
}
Sombra de color
.shadow-501e53 {
  box-shadow: 0 8px 24px rgb(80 30 83 / 0.35);
}

#702963 Byzantium ΔE 7.05 #6c3082 Eminence ΔE 9.74 #66023c Tyrian Purple ΔE 10.31 #800080 Purple ΔE 11.12 #78184a Pansy Purple ΔE 11.44 #4b0082 Indigo ΔE 11.90 #880085 Mardi Gras ΔE 12.38 #afe1ac Invertido #333333 Escala de grises 

Byzantium
#501e53  rgb(80, 30, 83)  hsl(297, 47%, 22%)  Byzantium
#21531e  rgb(33, 83, 30)  hsl(117, 47%, 22%)  Lincoln Green
#53501e  rgb(83, 80, 30)  hsl(57, 47%, 22%)  Army Green
#1e5350  rgb(30, 83, 80)  hsl(177, 47%, 22%)  Dark Slate Gray