ColorTool
Iniciar sesión
#5E736E

#5e736e ≈ Xanadu

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

#5e736e es un color de la familia verde azulado, con luminosidad media y saturación casi nula. En el modelo RGB se compone de 36,86% de rojo, 45,1% de verde y 43,14% de azul; impreso en CMYK usa 18,26% de cian, 0% de magenta, 4,35% de amarillo y 54,9% de negro. Su ángulo de tono es 165,71°, con 10,05% de saturación y 40,98% de luminosidad en HSL. Es un color neutro, a menudo asociado con claridad, calma y renovación. Los diseñadores suelen usarlo para salud y bienestar, productos tecnológicos y acentos de marca. El texto blanco sobre este color alcanza una relación de contraste de 5,06:1 (WCAG AA). El color con nombre más cercano es Xanadu (#738678), ΔE 8,44.

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

Complementario

  1. #5e736e
  2. #735e63

Complementario dividido

  1. #5e736e
  2. #735e6e
  3. #73635e

Análogo

  1. #5e7363
  2. #5e736e
  3. #5e6e73

Triádico

  1. #5e736e
  2. #6e5e73
  3. #736e5e

Tetrádico

  1. #5e736e
  2. #5e6373
  3. #735e63
  4. #736e5e

Cuadrado

  1. #5e736e
  2. #635e73
  3. #735e63
  4. #6e735e

Monocromático

  1. #191f1d
  2. #3c4946
  3. #5e736e
  4. #839a95
  5. #aebcb9

Sombras

#5e736e mezclado progresivamente con negro.

  1. #5e736e
  2. #556863
  3. #4b5c58
  4. #42514d
  5. #384542
  6. #2f3a37
  7. #262e2c
  8. #1c2321
  9. #131716
  10. #090c0b
  11. #000000

Tintes

#5e736e mezclado progresivamente con blanco.

  1. #5e736e
  2. #6e817d
  3. #7e8f8b
  4. #8e9d9a
  5. #9eaba8
  6. #afb9b7
  7. #bfc7c5
  8. #cfd5d4
  9. #dfe3e2
  10. #eff1f1
  11. #ffffff

Tonos

#5e736e mezclado progresivamente con gris.

  1. #5e736e
  2. #617470
  3. #657672
  4. #687773
  5. #6c7875
  6. #6f7a77
  7. #727b79
  8. #767c7b
  9. #797d7c
  10. #7d7f7e
  11. #808080

Texto legible 5.06:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Texto legible 4.15:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #6f6f6f ≈ 0.003% de los hombres
Acromatomalía #68706e ≈ 0.001% de los hombres
Protanopía #71706e ≈ 1.01% de los hombres
Deuteranopía #6d6d6e ≈ 1.27% de los hombres
Tritanopía #597471 ≈ 0.0001% de los hombres
Protanomalía #6a716e ≈ 1.08% de los hombres
Deuteranomalía #67706e ≈ 4.63% de los hombres
Tritanomalía #5b7370 ≈ 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-5e736e {
  color: #5e736e;
}
Fondo
.bg-5e736e {
  background-color: #5e736e;
  color: #ffffff;
}
Borde
.border-5e736e {
  border: 2px solid #5e736e;
}
Variables CSS
:root {
  --color-primary: #5e736e;
  --color-primary-rgb: 94 115 110;
  --color-primary-hsl: 166 10% 41%;
}
Degradado
.gradient-5e736e {
  background: linear-gradient(135deg, #5e736e, #5e6e73);
}
Sombra de color
.shadow-5e736e {
  box-shadow: 0 8px 24px rgb(94 115 110 / 0.35);
}

#738678 Xanadu ΔE 8.44 #4d5d53 Feldgrau ΔE 8.50 #317873 Myrtle Green ΔE 10.35 #696969 Dim Gray ΔE 10.44 #696969 Dim Grey ΔE 10.44 #367588 Teal Blue ΔE 12.02 #40826d Viridian ΔE 12.13 #a18c91 Invertido #6f6f6f Escala de grises 

Xanadu
#5e736e  rgb(94, 115, 110)  hsl(166, 10%, 41%)  Xanadu
#735e63  rgb(115, 94, 99)  hsl(346, 10%, 41%)  Wenge
#6e5e73  rgb(110, 94, 115)  hsl(286, 10%, 41%)  Old Lavender
#736e5e  rgb(115, 110, 94)  hsl(46, 10%, 41%)  Dim Gray