ColorTool
Iniciar sesión
#64665A

#64665a ≈ Dim Gray

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

#64665a es un color de la familia gris, con luminosidad baja y saturación casi nula. En el modelo RGB se compone de 39,22% de rojo, 40% de verde y 35,29% de azul; impreso en CMYK usa 1,96% de cian, 0% de magenta, 11,76% de amarillo y 60% de negro. Su ángulo de tono es 70°, con 6,25% de saturación y 37,65% 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,85:1 (WCAG AA). El color con nombre más cercano es Dim Gray (#696969), ΔE 7,01.

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

Complementario

  1. #64665a
  2. #5c5a66

Complementario dividido

  1. #64665a
  2. #5a5e66
  3. #625a66

Análogo

  1. #66625a
  2. #64665a
  3. #5e665a

Triádico

  1. #64665a
  2. #5a6466
  3. #665a64

Tetrádico

  1. #64665a
  2. #5a665c
  3. #5c5a66
  4. #665a64

Cuadrado

  1. #64665a
  2. #5a6662
  3. #5c5a66
  4. #665a5e

Monocromático

  1. #141512
  2. #3c3d36
  3. #64665a
  4. #8b8e7f
  5. #b0b2a7

Sombras

#64665a mezclado progresivamente con negro.

  1. #64665a
  2. #5a5c51
  3. #505248
  4. #46473f
  5. #3c3d36
  6. #32332d
  7. #282924
  8. #1e1f1b
  9. #141412
  10. #0a0a09
  11. #000000

Tintes

#64665a mezclado progresivamente con blanco.

  1. #64665a
  2. #74756b
  3. #83857b
  4. #93948c
  5. #a2a39c
  6. #b2b3ad
  7. #c1c2bd
  8. #d1d1ce
  9. #e0e0de
  10. #f0f0ef
  11. #ffffff

Tonos

#64665a mezclado progresivamente con gris.

  1. #64665a
  2. #67695e
  3. #6a6b62
  4. #6c6e65
  5. #6f7069
  6. #72736d
  7. #757671
  8. #787875
  9. #7a7b78
  10. #7d7d7c
  11. #808080

Texto legible 5.85:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Texto legible 3.59:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #656565 ≈ 0.003% de los hombres
Acromatomalía #646561 ≈ 0.001% de los hombres
Protanopía #686559 ≈ 1.01% de los hombres
Deuteranopía #68655a ≈ 1.27% de los hombres
Tritanopía #666463 ≈ 0.0001% de los hombres
Protanomalía #66655a ≈ 1.08% de los hombres
Deuteranomalía #66655a ≈ 4.63% de los hombres
Tritanomalía #65655f ≈ 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-64665a {
  color: #64665a;
}
Fondo
.bg-64665a {
  background-color: #64665a;
  color: #ffffff;
}
Borde
.border-64665a {
  border: 2px solid #64665a;
}
Variables CSS
:root {
  --color-primary: #64665a;
  --color-primary-rgb: 100 102 90;
  --color-primary-hsl: 70 6% 38%;
}
Degradado
.gradient-64665a {
  background: linear-gradient(135deg, #64665a, #5e665a);
}
Sombra de color
.shadow-64665a {
  box-shadow: 0 8px 24px rgb(100 102 90 / 0.35);
}

#696969 Dim Gray ΔE 7.01 #696969 Dim Grey ΔE 7.01 #4d5d53 Feldgrau ΔE 7.67 #555555 Davy's Gray ΔE 8.90 #444c38 Rifle Green ΔE 11.02 #808080 Gray ΔE 12.76 #808080 Grey ΔE 12.76 #9b99a5 Invertido #656565 Escala de grises 

Dim Gray
#64665a  rgb(100, 102, 90)  hsl(70, 6%, 38%)  Dim Gray
#5c5a66  rgb(92, 90, 102)  hsl(250, 6%, 38%)  Davy's Gray
#5a6466  rgb(90, 100, 102)  hsl(190, 6%, 38%)  Dim Gray
#665a64  rgb(102, 90, 100)  hsl(310, 6%, 38%)  Wenge