ColorTool
Iniciar sesión
#AB7EA0

#ab7ea0 ≈ Mountbatten Pink

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

#ab7ea0 es un color de la familia magenta, con luminosidad media y saturación apagada. En el modelo RGB se compone de 67,06% de rojo, 49,41% de verde y 62,75% de azul; impreso en CMYK usa 0% de cian, 26,32% de magenta, 6,43% de amarillo y 32,94% de negro. Su ángulo de tono es 314,67°, con 21,13% de saturación y 58,24% 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 6,22:1 (WCAG AA). El color con nombre más cercano es Mountbatten Pink (#997a8d), ΔE 6,22.

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

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

Complementario

  1. #ab7ea0
  2. #7eab89

Complementario dividido

  1. #ab7ea0
  2. #8aab7e
  3. #7eaba0

Análogo

  1. #a07eab
  2. #ab7ea0
  3. #ab7e8a

Triádico

  1. #ab7ea0
  2. #a0ab7e
  3. #7ea0ab

Tetrádico

  1. #ab7ea0
  2. #ab897e
  3. #7eab89
  4. #7ea0ab

Cuadrado

  1. #ab7ea0
  2. #aba07e
  3. #7eab89
  4. #7e8aab

Monocromático

  1. #573950
  2. #86577a
  3. #ab7ea0
  4. #c9acc2
  5. #e7dbe4

Sombras

#ab7ea0 mezclado progresivamente con negro.

  1. #ab7ea0
  2. #9a7190
  3. #896580
  4. #785870
  5. #674c60
  6. #563f50
  7. #443240
  8. #332630
  9. #221920
  10. #110d10
  11. #000000

Tintes

#ab7ea0 mezclado progresivamente con blanco.

  1. #ab7ea0
  2. #b38baa
  3. #bc98b3
  4. #c4a5bd
  5. #cdb2c6
  6. #d5bfd0
  7. #ddcbd9
  8. #e6d8e3
  9. #eee5ec
  10. #f7f2f6
  11. #ffffff

Tonos

#ab7ea0 mezclado progresivamente con gris.

  1. #ab7ea0
  2. #a77e9d
  3. #a27e9a
  4. #9e7f96
  5. #9a7f93
  6. #967f90
  7. #917f8d
  8. #8d7f8a
  9. #898086
  10. #848083
  11. #808080

Texto legible 3.37:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Texto legible 6.22:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #8c8c8c ≈ 0.003% de los hombres
Acromatomalía #998694 ≈ 0.001% de los hombres
Protanopía #7e88a1 ≈ 1.01% de los hombres
Deuteranopía #898e9f ≈ 1.27% de los hombres
Tritanopía #b0808a ≈ 0.0001% de los hombres
Protanomalía #9284a1 ≈ 1.08% de los hombres
Deuteranomalía #98889f ≈ 4.63% de los hombres
Tritanomalía #ae7f93 ≈ 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-ab7ea0 {
  color: #ab7ea0;
}
Fondo
.bg-ab7ea0 {
  background-color: #ab7ea0;
  color: #000000;
}
Borde
.border-ab7ea0 {
  border: 2px solid #ab7ea0;
}
Variables CSS
:root {
  --color-primary: #ab7ea0;
  --color-primary-rgb: 171 126 160;
  --color-primary-hsl: 315 21% 58%;
}
Degradado
.gradient-ab7ea0 {
  background: linear-gradient(135deg, #ab7ea0, #ab7e8a);
}
Sombra de color
.shadow-ab7ea0 {
  box-shadow: 0 8px 24px rgb(171 126 160 / 0.35);
}

#997a8d Mountbatten Pink ΔE 6.22 #cf71af Sky Magenta ΔE 8.82 #b57281 Turkish Rose ΔE 9.60 #cc8899 Puce ΔE 9.94 #9678b6 Purple Mountain Majesty ΔE 10.03 #aa98a9 Rose Quartz ΔE 10.68 #b39eb5 Pastel Purple ΔE 10.69 #54815f Invertido #8c8c8c Escala de grises 

Mountbatten Pink
#ab7ea0  rgb(171, 126, 160)  hsl(315, 21%, 58%)  Mountbatten Pink
#7eab89  rgb(126, 171, 137)  hsl(135, 21%, 58%)  Dark Sea Green
#a0ab7e  rgb(160, 171, 126)  hsl(75, 21%, 58%)  Asparagus
#7ea0ab  rgb(126, 160, 171)  hsl(195, 21%, 58%)  Moonstone Blue