ColorTool
Iniciar sesión
#8E8B6F

#8e8b6f ≈ Xanadu

  • amarilla
  • Luminosidad: media
  • Saturación: apagada
  • Cálido
Comprobar contraste Explorar en el grafo Color aleatorio

#8e8b6f es un color de la familia amarilla, con luminosidad media y saturación apagada. En el modelo RGB se compone de 55,69% de rojo, 54,51% de verde y 43,53% de azul; impreso en CMYK usa 0% de cian, 2,11% de magenta, 21,83% de amarillo y 44,31% de negro. Su ángulo de tono es 54,19°, con 12,25% de saturación y 49,61% de luminosidad en HSL. Es un color cálido, a menudo asociado con optimismo, atención y alegría. Los diseñadores suelen usarlo para resaltados y avisos, productos infantiles y acentos de marca. El texto negro sobre este color alcanza una relación de contraste de 6,07:1 (WCAG AA). El color con nombre más cercano es Xanadu (#738678), ΔE 10,65.

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

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

Complementario

  1. #8e8b6f
  2. #6f728e

Complementario dividido

  1. #8e8b6f
  2. #6f828e
  3. #7c6f8e

Análogo

  1. #8e7c6f
  2. #8e8b6f
  3. #828e6f

Triádico

  1. #8e8b6f
  2. #6f8e8b
  3. #8b6f8e

Tetrádico

  1. #8e8b6f
  2. #728e6f
  3. #6f728e
  4. #8b6f8e

Cuadrado

  1. #8e8b6f
  2. #6f8e7c
  3. #6f728e
  4. #8e6f82

Monocromático

  1. #38372c
  2. #63614d
  3. #8e8b6f
  4. #b0ae9a
  5. #d1d0c5

Sombras

#8e8b6f mezclado progresivamente con negro.

  1. #8e8b6f
  2. #807d64
  3. #726f59
  4. #63614e
  5. #555343
  6. #474638
  7. #39382c
  8. #2b2a21
  9. #1c1c16
  10. #0e0e0b
  11. #000000

Tintes

#8e8b6f mezclado progresivamente con blanco.

  1. #8e8b6f
  2. #99977d
  3. #a5a28c
  4. #b0ae9a
  5. #bbb9a9
  6. #c7c5b7
  7. #d2d1c5
  8. #dddcd4
  9. #e8e8e2
  10. #f4f3f1
  11. #ffffff

Tonos

#8e8b6f mezclado progresivamente con gris.

  1. #8e8b6f
  2. #8d8a71
  3. #8b8972
  4. #8a8874
  5. #888776
  6. #878678
  7. #868479
  8. #84837b
  9. #83827d
  10. #81817e
  11. #808080

Texto legible 3.46:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Texto legible 6.07:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #8a8a8a ≈ 0.003% de los hombres
Acromatomalía #8c8a80 ≈ 0.001% de los hombres
Protanopía #90896d ≈ 1.01% de los hombres
Deuteranopía #928b70 ≈ 1.27% de los hombres
Tritanopía #938783 ≈ 0.0001% de los hombres
Protanomalía #8f8a6e ≈ 1.08% de los hombres
Deuteranomalía #908b70 ≈ 4.63% de los hombres
Tritanomalía #91897c ≈ 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-8e8b6f {
  color: #8e8b6f;
}
Fondo
.bg-8e8b6f {
  background-color: #8e8b6f;
  color: #000000;
}
Borde
.border-8e8b6f {
  border: 2px solid #8e8b6f;
}
Variables CSS
:root {
  --color-primary: #8e8b6f;
  --color-primary-rgb: 142 139 111;
  --color-primary-hsl: 54 12% 50%;
}
Degradado
.gradient-8e8b6f {
  background: linear-gradient(135deg, #8e8b6f, #828e6f);
}
Sombra de color
.shadow-8e8b6f {
  box-shadow: 0 8px 24px rgb(142 139 111 / 0.35);
}

#738678 Xanadu ΔE 10.65 #8a9a5b Moss Green ΔE 10.87 #848482 Battleship Gray ΔE 11.10 #808080 Gray ΔE 12.52 #808080 Grey ΔE 12.52 #bcb88a Sage ΔE 14.34 #c2b280 Ecru ΔE 14.40 #717490 Invertido #8a8a8a Escala de grises 

Xanadu
#8e8b6f  rgb(142, 139, 111)  hsl(54, 12%, 50%)  Xanadu
#6f728e  rgb(111, 114, 142)  hsl(234, 12%, 50%)  Old Lavender
#6f8e8b  rgb(111, 142, 139)  hsl(174, 12%, 50%)  Xanadu
#8b6f8e  rgb(139, 111, 142)  hsl(294, 12%, 50%)  Mountbatten Pink