ColorTool
Iniciar sesión
#AF489D

#af489d ≈ Purpureus

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

#af489d es un color de la familia magenta, con luminosidad media y saturación moderada. En el modelo RGB se compone de 68,63% de rojo, 28,24% de verde y 61,57% de azul; impreso en CMYK usa 0% de cian, 58,86% de magenta, 10,29% de amarillo y 31,37% de negro. Su ángulo de tono es 310,49°, con 41,7% de saturación y 48,43% 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 blanco sobre este color alcanza una relación de contraste de 4,96:1 (WCAG AA). El color con nombre más cercano es Purpureus (#9a4eae), ΔE 6,43.

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

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

Complementario

  1. #af489d
  2. #48af5a

Complementario dividido

  1. #af489d
  2. #69af48
  3. #48af8e

Análogo

  1. #8e48af
  2. #af489d
  3. #af4869

Triádico

  1. #af489d
  2. #9daf48
  3. #489daf

Tetrádico

  1. #af489d
  2. #af5a48
  3. #48af5a
  4. #489daf

Cuadrado

  1. #af489d
  2. #af8e48
  3. #48af5a
  4. #4869af

Monocromático

  1. #431b3c
  2. #79326c
  3. #af489d
  4. #c97bbb
  5. #dfb1d7

Sombras

#af489d mezclado progresivamente con negro.

  1. #af489d
  2. #9e418d
  3. #8c3a7e
  4. #7b326e
  5. #692b5e
  6. #58244f
  7. #461d3f
  8. #35162f
  9. #230e1f
  10. #120710
  11. #000000

Tintes

#af489d mezclado progresivamente con blanco.

  1. #af489d
  2. #b75aa7
  3. #bf6db1
  4. #c77fba
  5. #cf91c4
  6. #d7a4ce
  7. #dfb6d8
  8. #e7c8e2
  9. #efdaeb
  10. #f7edf5
  11. #ffffff

Tonos

#af489d mezclado progresivamente con gris.

  1. #af489d
  2. #aa4e9a
  3. #a65397
  4. #a15994
  5. #9c5e91
  6. #98648f
  7. #936a8c
  8. #8e6f89
  9. #897586
  10. #857a83
  11. #808080

Texto legible 4.96:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Texto legible 4.24:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #707070 ≈ 0.003% de los hombres
Acromatomalía #8e6284 ≈ 0.001% de los hombres
Protanopía #4866a0 ≈ 1.01% de los hombres
Deuteranopía #67769a ≈ 1.27% de los hombres
Tritanopía #b74e6c ≈ 0.0001% de los hombres
Protanomalía #7e5c9f ≈ 1.08% de los hombres
Deuteranomalía #8a669b ≈ 4.63% de los hombres
Tritanomalía #b44c82 ≈ 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-af489d {
  color: #af489d;
}
Fondo
.bg-af489d {
  background-color: #af489d;
  color: #ffffff;
}
Borde
.border-af489d {
  border: 2px solid #af489d;
}
Variables CSS
:root {
  --color-primary: #af489d;
  --color-primary-rgb: 175 72 157;
  --color-primary-hsl: 310 42% 48%;
}
Degradado
.gradient-af489d {
  background: linear-gradient(135deg, #af489d, #af4869);
}
Sombra de color
.shadow-af489d {
  box-shadow: 0 8px 24px rgb(175 72 157 / 0.35);
}

#9a4eae Purpureus ΔE 6.43 #8e4585 Deep Plum ΔE 7.25 #c54b8c Mulberry ΔE 7.65 #c71585 Medium Violet Red ΔE 8.05 #ba55d3 Medium Orchid ΔE 10.04 #9932cc Dark Orchid ΔE 11.96 #8a496b Twilight Lavender ΔE 11.98 #50b762 Invertido #707070 Escala de grises 

Purpureus
#af489d  rgb(175, 72, 157)  hsl(310, 42%, 48%)  Purpureus
#48af5a  rgb(72, 175, 90)  hsl(130, 42%, 48%)  Medium Sea Green
#9daf48  rgb(157, 175, 72)  hsl(70, 42%, 48%)  Apple Green
#489daf  rgb(72, 157, 175)  hsl(190, 42%, 48%)  Bondi Blue