ColorTool
Iniciar sesión
#8F617C

#8f617c ≈ Mauve Taupe

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

#8f617c es un color de la familia rosa intenso, con luminosidad media y saturación apagada. En el modelo RGB se compone de 56,08% de rojo, 38,04% de verde y 48,63% de azul; impreso en CMYK usa 0% de cian, 32,17% de magenta, 13,29% de amarillo y 43,92% de negro. Su ángulo de tono es 324,78°, con 19,17% de saturación y 47,06% de luminosidad en HSL. Se sitúa entre cálido y frío, y a menudo se asocia con romance, alegría y afecto. Los diseñadores suelen usarlo para marcas de comida y restaurantes, ventas y promociones y acentos de marca. El texto blanco sobre este color alcanza una relación de contraste de 5,04:1 (WCAG AA). El color con nombre más cercano es Mauve Taupe (#915f6d), ΔE 5,07.

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

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

Complementario

  1. #8f617c
  2. #618f74

Complementario dividido

  1. #8f617c
  2. #658f61
  3. #618f8b

Análogo

  1. #8b618f
  2. #8f617c
  3. #8f6165

Triádico

  1. #8f617c
  2. #7c8f61
  3. #617c8f

Tetrádico

  1. #8f617c
  2. #8f7461
  3. #618f74
  4. #617c8f

Cuadrado

  1. #8f617c
  2. #8f8b61
  3. #618f74
  4. #61658f

Monocromático

  1. #34232d
  2. #614254
  3. #8f617c
  4. #b18ca1
  5. #d0b9c6

Sombras

#8f617c mezclado progresivamente con negro.

  1. #8f617c
  2. #815770
  3. #724e63
  4. #644457
  5. #563a4a
  6. #48313e
  7. #392732
  8. #2b1d25
  9. #1d1319
  10. #0e0a0c
  11. #000000

Tintes

#8f617c mezclado progresivamente con blanco.

  1. #8f617c
  2. #9a7189
  3. #a58196
  4. #b190a3
  5. #bca0b0
  6. #c7b0be
  7. #d2c0cb
  8. #ddd0d8
  9. #e9dfe5
  10. #f4eff2
  11. #ffffff

Tonos

#8f617c mezclado progresivamente con gris.

  1. #8f617c
  2. #8e647c
  3. #8c677d
  4. #8b6a7d
  5. #896d7e
  6. #88717e
  7. #86747e
  8. #85777f
  9. #837a7f
  10. #827d80
  11. #808080

Texto legible 5.04:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Texto legible 4.17:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #6f6f6f ≈ 0.003% de los hombres
Acromatomalía #7d6a74 ≈ 0.001% de los hombres
Protanopía #646a7d ≈ 1.01% de los hombres
Deuteranopía #6f727b ≈ 1.27% de los hombres
Tritanopía #95616a ≈ 0.0001% de los hombres
Protanomalía #77677d ≈ 1.08% de los hombres
Deuteranomalía #7d6b7b ≈ 4.63% de los hombres
Tritanomalía #936172 ≈ 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-8f617c {
  color: #8f617c;
}
Fondo
.bg-8f617c {
  background-color: #8f617c;
  color: #ffffff;
}
Borde
.border-8f617c {
  border: 2px solid #8f617c;
}
Variables CSS
:root {
  --color-primary: #8f617c;
  --color-primary-rgb: 143 97 124;
  --color-primary-hsl: 325 19% 47%;
}
Degradado
.gradient-8f617c {
  background: linear-gradient(135deg, #8f617c, #8f6165);
}
Sombra de color
.shadow-8f617c {
  box-shadow: 0 8px 24px rgb(143 97 124 / 0.35);
}

#915f6d Mauve Taupe ΔE 5.07 #8a496b Twilight Lavender ΔE 7.58 #796878 Old Lavender ΔE 8.98 #997a8d Mountbatten Pink ΔE 9.18 #996666 Copper Rose ΔE 10.69 #8e4585 Deep Plum ΔE 10.72 #b57281 Turkish Rose ΔE 11.26 #709e83 Invertido #6f6f6f Escala de grises 

Mauve Taupe
#8f617c  rgb(143, 97, 124)  hsl(325, 19%, 47%)  Mauve Taupe
#618f74  rgb(97, 143, 116)  hsl(145, 19%, 47%)  Viridian
#7c8f61  rgb(124, 143, 97)  hsl(85, 19%, 47%)  Moss Green
#617c8f  rgb(97, 124, 143)  hsl(205, 19%, 47%)  Slate Gray