ColorTool
Iniciar sesión
#756D85

#756d85 ≈ Old Lavender

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

#756d85 es un color de la familia gris, con luminosidad media y saturación casi nula. En el modelo RGB se compone de 45,88% de rojo, 42,75% de verde y 52,16% de azul; impreso en CMYK usa 12,03% de cian, 18,05% de magenta, 0% de amarillo y 47,84% de negro. Su ángulo de tono es 260°, con 9,92% de saturación y 47,45% 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 4,9:1 (WCAG AA). El color con nombre más cercano es Old Lavender (#796878), ΔE 4,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#666699
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binario
Decimal
Luminancia relativa0.1641

Complementario

  1. #756d85
  2. #7d856d

Complementario dividido

  1. #756d85
  2. #85816d
  3. #71856d

Análogo

  1. #6d7185
  2. #756d85
  3. #816d85

Triádico

  1. #756d85
  2. #85756d
  3. #6d8575

Tetrádico

  1. #756d85
  2. #856d7d
  3. #7d856d
  4. #6d8575

Cuadrado

  1. #756d85
  2. #856d71
  3. #7d856d
  4. #6d8581

Monocromático

  1. #2b2831
  2. #504b5b
  3. #756d85
  4. #9c96a9
  5. #c4c0cb

Sombras

#756d85 mezclado progresivamente con negro.

  1. #756d85
  2. #696278
  3. #5e576a
  4. #524c5d
  5. #464150
  6. #3b3743
  7. #2f2c35
  8. #232128
  9. #17161b
  10. #0c0b0d
  11. #000000

Tintes

#756d85 mezclado progresivamente con blanco.

  1. #756d85
  2. #837c91
  3. #918a9d
  4. #9e99aa
  5. #aca7b6
  6. #bab6c2
  7. #c8c5ce
  8. #d6d3da
  9. #e3e2e7
  10. #f1f0f3
  11. #ffffff

Tonos

#756d85 mezclado progresivamente con gris.

  1. #756d85
  2. #766f85
  3. #777184
  4. #787384
  5. #797583
  6. #7b7783
  7. #7c7882
  8. #7d7a82
  9. #7e7c81
  10. #7f7e81
  11. #808080

Texto legible 4.9:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Texto legible 4.28:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #717171 ≈ 0.003% de los hombres
Acromatomalía #726f79 ≈ 0.001% de los hombres
Protanopía #697186 ≈ 1.01% de los hombres
Deuteranopía #6a7184 ≈ 1.27% de los hombres
Tritanopía #727075 ≈ 0.0001% de los hombres
Protanomalía #6e6f86 ≈ 1.08% de los hombres
Deuteranomalía #6e6f85 ≈ 4.63% de los hombres
Tritanomalía #736f7c ≈ 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-756d85 {
  color: #756d85;
}
Fondo
.bg-756d85 {
  background-color: #756d85;
  color: #ffffff;
}
Borde
.border-756d85 {
  border: 2px solid #756d85;
}
Variables CSS
:root {
  --color-primary: #756d85;
  --color-primary-rgb: 117 109 133;
  --color-primary-hsl: 260 10% 47%;
}
Degradado
.gradient-756d85 {
  background: linear-gradient(135deg, #756d85, #816d85);
}
Sombra de color
.shadow-756d85 {
  box-shadow: 0 8px 24px rgb(117 109 133 / 0.35);
}

#796878 Old Lavender ΔE 4.95 #997a8d Mountbatten Pink ΔE 10.90 #8b8589 Taupe Gray ΔE 12.49 #696969 Dim Gray ΔE 12.73 #696969 Dim Grey ΔE 12.73 #9678b6 Purple Mountain Majesty ΔE 13.30 #808080 Gray ΔE 13.79 #8a927a Invertido #717171 Escala de grises 

Old Lavender
#756d85  rgb(117, 109, 133)  hsl(260, 10%, 47%)  Old Lavender
#7d856d  rgb(125, 133, 109)  hsl(80, 10%, 47%)  Xanadu
#85756d  rgb(133, 117, 109)  hsl(20, 10%, 47%)  Beaver
#6d8575  rgb(109, 133, 117)  hsl(140, 10%, 47%)  Xanadu