ColorTool
Iniciar sesión
#808F8A

#808f8a ≈ Xanadu

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

#808f8a es un color de la familia gris, con luminosidad media y saturación casi nula. En el modelo RGB se compone de 50,2% de rojo, 56,08% de verde y 54,12% de azul; impreso en CMYK usa 10,49% de cian, 0% de magenta, 3,5% de amarillo y 43,92% de negro. Su ángulo de tono es 160°, con 6,28% de saturación y 53,14% 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 6,21:1 (WCAG AA). El color con nombre más cercano es Xanadu (#738678), ΔE 5,91.

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.2607

Complementario

  1. #808f8a
  2. #8f8085

Complementario dividido

  1. #808f8a
  2. #8f808d
  3. #8f8380

Análogo

  1. #808f83
  2. #808f8a
  3. #808d8f

Triádico

  1. #808f8a
  2. #8a808f
  3. #8f8a80

Tetrádico

  1. #808f8a
  2. #80858f
  3. #8f8085
  4. #8f8a80

Cuadrado

  1. #808f8a
  2. #83808f
  3. #8f8085
  4. #8d8f80

Monocromático

  1. #373f3c
  2. #5b6763
  3. #808f8a
  4. #a9b3af
  5. #d1d7d5

Sombras

#808f8a mezclado progresivamente con negro.

  1. #808f8a
  2. #73817c
  3. #66726e
  4. #5a6461
  5. #4d5653
  6. #404845
  7. #333937
  8. #262b29
  9. #1a1d1c
  10. #0d0e0e
  11. #000000

Tintes

#808f8a mezclado progresivamente con blanco.

  1. #808f8a
  2. #8d9a96
  3. #99a5a1
  4. #a6b1ad
  5. #b3bcb9
  6. #c0c7c5
  7. #ccd2d0
  8. #d9dddc
  9. #e6e9e8
  10. #f2f4f3
  11. #ffffff

Tonos

#808f8a mezclado progresivamente con gris.

  1. #808f8a
  2. #808e89
  3. #808c88
  4. #808b87
  5. #808986
  6. #808885
  7. #808684
  8. #808583
  9. #808382
  10. #808281
  11. #808080

Texto legible 3.38:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Texto legible 6.21:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #8c8c8c ≈ 0.003% de los hombres
Acromatomalía #878d8b ≈ 0.001% de los hombres
Protanopía #8e8d8a ≈ 1.01% de los hombres
Deuteranopía #8b8b8a ≈ 1.27% de los hombres
Tritanopía #7d8f8d ≈ 0.0001% de los hombres
Protanomalía #898e8a ≈ 1.08% de los hombres
Deuteranomalía #878c8a ≈ 4.63% de los hombres
Tritanomalía #7e8f8c ≈ 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-808f8a {
  color: #808f8a;
}
Fondo
.bg-808f8a {
  background-color: #808f8a;
  color: #000000;
}
Borde
.border-808f8a {
  border: 2px solid #808f8a;
}
Variables CSS
:root {
  --color-primary: #808f8a;
  --color-primary-rgb: 128 143 138;
  --color-primary-hsl: 160 6% 53%;
}
Degradado
.gradient-808f8a {
  background: linear-gradient(135deg, #808f8a, #808d8f);
}
Sombra de color
.shadow-808f8a {
  box-shadow: 0 8px 24px rgb(128 143 138 / 0.35);
}

#738678 Xanadu ΔE 5.91 #848482 Battleship Gray ΔE 7.90 #808080 Gray ΔE 9.00 #808080 Grey ΔE 9.00 #778899 Light Slate Gray ΔE 11.28 #778899 Light Slate Grey ΔE 11.28 #5f9ea0 Cadet Blue ΔE 11.89 #7f7075 Invertido #8c8c8c Escala de grises 

Xanadu
#808f8a  rgb(128, 143, 138)  hsl(160, 6%, 53%)  Xanadu
#8f8085  rgb(143, 128, 133)  hsl(340, 6%, 53%)  Taupe Gray
#8a808f  rgb(138, 128, 143)  hsl(280, 6%, 53%)  Taupe Gray
#8f8a80  rgb(143, 138, 128)  hsl(40, 6%, 53%)  Battleship Gray