ColorTool
Iniciar sesión
#717F71

#717f71 ≈ Xanadu

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

#717f71 es un color de la familia gris, con luminosidad media y saturación casi nula. En el modelo RGB se compone de 44,31% de rojo, 49,8% de verde y 44,31% de azul; impreso en CMYK usa 11,02% de cian, 0% de magenta, 11,02% de amarillo y 50,2% de negro. Su ángulo de tono es 120°, con 5,83% de saturación y 47,06% 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 4,98:1 (WCAG AA). El color con nombre más cercano es Xanadu (#738678), ΔE 2,95.

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

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

Complementario

  1. #717f71
  2. #7f717f

Complementario dividido

  1. #717f71
  2. #78717f
  3. #7f7178

Análogo

  1. #787f71
  2. #717f71
  3. #717f78

Triádico

  1. #717f71
  2. #71717f
  3. #7f7171

Tetrádico

  1. #717f71
  2. #717f7f
  3. #7f717f
  4. #7f7171

Cuadrado

  1. #717f71
  2. #71787f
  3. #7f717f
  4. #7f7871

Monocromático

  1. #292e29
  2. #4d574d
  3. #717f71
  4. #99a499
  5. #c1c8c1

Sombras

#717f71 mezclado progresivamente con negro.

  1. #717f71
  2. #667266
  3. #5a665a
  4. #4f594f
  5. #444c44
  6. #394039
  7. #2d332d
  8. #222622
  9. #171917
  10. #0b0d0b
  11. #000000

Tintes

#717f71 mezclado progresivamente con blanco.

  1. #717f71
  2. #7f8c7f
  3. #8d998d
  4. #9ca59c
  5. #aab2aa
  6. #b8bfb8
  7. #c6ccc6
  8. #d4d9d4
  9. #e3e5e3
  10. #f1f2f1
  11. #ffffff

Tonos

#717f71 mezclado progresivamente con gris.

  1. #717f71
  2. #737f73
  3. #747f74
  4. #767f76
  5. #777f77
  6. #798079
  7. #7a807a
  8. #7c807c
  9. #7d807d
  10. #7f807f
  11. #808080

Texto legible 4.22:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Texto legible 4.98:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #7b7b7b ≈ 0.003% de los hombres
Acromatomalía #777d77 ≈ 0.001% de los hombres
Protanopía #807c70 ≈ 1.01% de los hombres
Deuteranopía #7d7b72 ≈ 1.27% de los hombres
Tritanopía #707e7b ≈ 0.0001% de los hombres
Protanomalía #7a7d71 ≈ 1.08% de los hombres
Deuteranomalía #787c71 ≈ 4.63% de los hombres
Tritanomalía #707e77 ≈ 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-717f71 {
  color: #717f71;
}
Fondo
.bg-717f71 {
  background-color: #717f71;
  color: #000000;
}
Borde
.border-717f71 {
  border: 2px solid #717f71;
}
Variables CSS
:root {
  --color-primary: #717f71;
  --color-primary-rgb: 113 127 113;
  --color-primary-hsl: 120 6% 47%;
}
Degradado
.gradient-717f71 {
  background: linear-gradient(135deg, #717f71, #717f78);
}
Sombra de color
.shadow-717f71 {
  box-shadow: 0 8px 24px rgb(113 127 113 / 0.35);
}

#738678 Xanadu ΔE 2.95 #848482 Battleship Gray ΔE 9.95 #808080 Gray ΔE 10.45 #808080 Grey ΔE 10.45 #696969 Dim Gray ΔE 12.56 #696969 Dim Grey ΔE 12.56 #40826d Viridian ΔE 12.60 #8e808e Invertido #7b7b7b Escala de grises 

Xanadu
#717f71  rgb(113, 127, 113)  hsl(120, 6%, 47%)  Xanadu
#7f717f  rgb(127, 113, 127)  hsl(300, 6%, 47%)  Old Lavender
#71717f  rgb(113, 113, 127)  hsl(240, 6%, 47%)  Old Lavender
#7f7171  rgb(127, 113, 113)  hsl(0, 6%, 47%)  Old Lavender