ColorTool
Iniciar sesión
#96A59D

#96a59d ≈ Ash Gray

  • gris
  • Luminosidad: media
  • Saturación: casi nula
  • Neutro
Comprobar contraste Explorar en el grafo Color aleatorio

#96a59d es un color de la familia gris, con luminosidad media y saturación casi nula. En el modelo RGB se compone de 58,82% de rojo, 64,71% de verde y 61,57% de azul; impreso en CMYK usa 9,09% de cian, 0% de magenta, 4,85% de amarillo y 35,29% de negro. Su ángulo de tono es 148°, con 7,69% de saturación y 61,76% de luminosidad en HSL. Es un color neutro, a menudo asociado con neutralidad, equilibrio y profesionalidad. Los diseñadores suelen usarlo para texto y tipografía, identidades corporativas y acentos de marca. El texto negro sobre este color alcanza una relación de contraste de 8,17:1 (WCAG AAA). El color con nombre más cercano es Ash Gray (#b2beb5), ΔE 7,34.

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

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

Complementario

  1. #96a59d
  2. #a5969e

Complementario dividido

  1. #96a59d
  2. #a496a5
  3. #a59696

Análogo

  1. #96a596
  2. #96a59d
  3. #96a5a4

Triádico

  1. #96a59d
  2. #9d96a5
  3. #a59d96

Tetrádico

  1. #96a59d
  2. #969ea5
  3. #a5969e
  4. #a59d96

Cuadrado

  1. #96a59d
  2. #9696a5
  3. #a5969e
  4. #a5a496

Monocromático

  1. #4b5751
  2. #6e8077
  3. #96a59d
  4. #bfc8c3
  5. #e8ecea

Sombras

#96a59d mezclado progresivamente con negro.

  1. #96a59d
  2. #87958d
  3. #78847e
  4. #69746e
  5. #5a635e
  6. #4b534f
  7. #3c423f
  8. #2d322f
  9. #1e211f
  10. #0f1110
  11. #000000

Tintes

#96a59d mezclado progresivamente con blanco.

  1. #96a59d
  2. #a1aea7
  3. #abb7b1
  4. #b6c0ba
  5. #c0c9c4
  6. #cbd2ce
  7. #d5dbd8
  8. #e0e4e2
  9. #eaedeb
  10. #f5f6f5
  11. #ffffff

Tonos

#96a59d mezclado progresivamente con gris.

  1. #96a59d
  2. #94a19a
  3. #929e97
  4. #8f9a94
  5. #8d9691
  6. #8b938f
  7. #898f8c
  8. #878b89
  9. #848786
  10. #828483
  11. #808080

Texto legible 2.57:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legible 8.17:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #a1a1a1 ≈ 0.003% de los hombres
Acromatomalía #9da3a0 ≈ 0.001% de los hombres
Protanopía #a4a39d ≈ 1.01% de los hombres
Deuteranopía #a2a19d ≈ 1.27% de los hombres
Tritanopía #93a5a3 ≈ 0.0001% de los hombres
Protanomalía #9fa49d ≈ 1.08% de los hombres
Deuteranomalía #9da29d ≈ 4.63% de los hombres
Tritanomalía #94a5a0 ≈ 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-96a59d {
  color: #96a59d;
}
Fondo
.bg-96a59d {
  background-color: #96a59d;
  color: #000000;
}
Borde
.border-96a59d {
  border: 2px solid #96a59d;
}
Variables CSS
:root {
  --color-primary: #96a59d;
  --color-primary-rgb: 150 165 157;
  --color-primary-hsl: 148 8% 62%;
}
Degradado
.gradient-96a59d {
  background: linear-gradient(135deg, #96a59d, #96a5a4);
}
Sombra de color
.shadow-96a59d {
  box-shadow: 0 8px 24px rgb(150 165 157 / 0.35);
}

#b2beb5 Ash Gray ΔE 7.34 #a8c3bc Opal ΔE 8.71 #a9a9a9 Dark Gray ΔE 8.82 #a9a9a9 Dark Grey ΔE 8.82 #738678 Xanadu ΔE 11.31 #c0c0c0 Silver ΔE 12.07 #aec6cf Pastel Blue ΔE 12.24 #695a62 Invertido #a1a1a1 Escala de grises 

Ash Gray
#96a59d  rgb(150, 165, 157)  hsl(148, 8%, 62%)  Ash Gray
#a5969e  rgb(165, 150, 158)  hsl(328, 8%, 62%)  Rose Quartz
#9d96a5  rgb(157, 150, 165)  hsl(268, 8%, 62%)  Rose Quartz
#a59d96  rgb(165, 157, 150)  hsl(28, 8%, 62%)  Dark Gray