ColorTool
Iniciar sesión
#5F6A64

#5f6a64 ≈ Feldgrau

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

#5f6a64 es un color de la familia gris, con luminosidad baja y saturación casi nula. En el modelo RGB se compone de 37,25% de rojo, 41,57% de verde y 39,22% de azul; impreso en CMYK usa 10,38% de cian, 0% de magenta, 5,66% de amarillo y 58,43% de negro. Su ángulo de tono es 147,27°, con 5,47% de saturación y 39,41% 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 blanco sobre este color alcanza una relación de contraste de 5,63:1 (WCAG AA). El color con nombre más cercano es Feldgrau (#4d5d53), ΔE 6,1.

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

Complementario

  1. #5f6a64
  2. #6a5f65

Complementario dividido

  1. #5f6a64
  2. #695f6a
  3. #6a5f5f

Análogo

  1. #5f6a5f
  2. #5f6a64
  3. #5f6a69

Triádico

  1. #5f6a64
  2. #645f6a
  3. #6a645f

Tetrádico

  1. #5f6a64
  2. #5f656a
  3. #6a5f65
  4. #6a645f

Cuadrado

  1. #5f6a64
  2. #5f5f6a
  3. #6a5f65
  4. #6a695f

Monocromático

  1. #171918
  2. #3b423e
  3. #5f6a64
  4. #84918a
  5. #adb5b1

Sombras

#5f6a64 mezclado progresivamente con negro.

  1. #5f6a64
  2. #565f5a
  3. #4c5550
  4. #434a46
  5. #39403c
  6. #303532
  7. #262a28
  8. #1d201e
  9. #131514
  10. #0a0b0a
  11. #000000

Tintes

#5f6a64 mezclado progresivamente con blanco.

  1. #5f6a64
  2. #6f7974
  3. #7f8883
  4. #8f9793
  5. #9fa6a2
  6. #afb5b2
  7. #bfc3c1
  8. #cfd2d1
  9. #dfe1e0
  10. #eff0f0
  11. #ffffff

Tonos

#5f6a64 mezclado progresivamente con gris.

  1. #5f6a64
  2. #626c67
  3. #666e6a
  4. #69716c
  5. #6c736f
  6. #707572
  7. #737775
  8. #767978
  9. #797c7a
  10. #7d7e7d
  11. #808080

Texto legible 5.63:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Texto legible 3.73:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #676767 ≈ 0.003% de los hombres
Acromatomalía #646866 ≈ 0.001% de los hombres
Protanopía #6a6864 ≈ 1.01% de los hombres
Deuteranopía #676764 ≈ 1.27% de los hombres
Tritanopía #5d6a68 ≈ 0.0001% de los hombres
Protanomalía #666964 ≈ 1.08% de los hombres
Deuteranomalía #646864 ≈ 4.63% de los hombres
Tritanomalía #5e6a67 ≈ 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-5f6a64 {
  color: #5f6a64;
}
Fondo
.bg-5f6a64 {
  background-color: #5f6a64;
  color: #ffffff;
}
Borde
.border-5f6a64 {
  border: 2px solid #5f6a64;
}
Variables CSS
:root {
  --color-primary: #5f6a64;
  --color-primary-rgb: 95 106 100;
  --color-primary-hsl: 147 5% 39%;
}
Degradado
.gradient-5f6a64 {
  background: linear-gradient(135deg, #5f6a64, #5f6a69);
}
Sombra de color
.shadow-5f6a64 {
  box-shadow: 0 8px 24px rgb(95 106 100 / 0.35);
}

#4d5d53 Feldgrau ΔE 6.10 #696969 Dim Gray ΔE 7.12 #696969 Dim Grey ΔE 7.12 #555555 Davy's Gray ΔE 9.74 #738678 Xanadu ΔE 11.34 #414a4c Outer Space ΔE 12.04 #808080 Gray ΔE 12.09 #a0959b Invertido #676767 Escala de grises 

Feldgrau
#5f6a64  rgb(95, 106, 100)  hsl(147, 5%, 39%)  Feldgrau
#6a5f65  rgb(106, 95, 101)  hsl(327, 5%, 39%)  Wenge
#645f6a  rgb(100, 95, 106)  hsl(267, 5%, 39%)  Old Lavender
#6a645f  rgb(106, 100, 95)  hsl(27, 5%, 39%)  Dim Gray