ColorTool
Iniciar sesión
#7C8D99

#7c8d99 ≈ Light Slate Gray

  • celeste
  • Luminosidad: media
  • Saturación: apagada
  • Frío
Comprobar contraste Explorar en el grafo Color aleatorio

#7c8d99 es un color de la familia celeste, con luminosidad media y saturación apagada. En el modelo RGB se compone de 48,63% de rojo, 55,29% de verde y 60% de azul; impreso en CMYK usa 18,95% de cian, 7,84% de magenta, 0% de amarillo y 40% de negro. Su ángulo de tono es 204,83°, con 12,45% de saturación y 54,31% de luminosidad en HSL. Es un color frío, a menudo asociado con apertura, libertad y calma. Los diseñadores suelen usarlo para productos tecnológicos, finanzas y banca y acentos de marca. El texto negro sobre este color alcanza una relación de contraste de 6,13:1 (WCAG AA). El color con nombre más cercano es Light Slate Gray (#778899), Δ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#669999
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binario
Decimal
Luminancia relativa0.2563

Complementario

  1. #7c8d99
  2. #99887c

Complementario dividido

  1. #7c8d99
  2. #997c7e
  3. #99967c

Análogo

  1. #7c9996
  2. #7c8d99
  3. #7c7e99

Triádico

  1. #7c8d99
  2. #997c8d
  3. #8d997c

Tetrádico

  1. #7c8d99
  2. #887c99
  3. #99887c
  4. #8d997c

Cuadrado

  1. #7c8d99
  2. #967c99
  3. #99887c
  4. #7e997c

Monocromático

  1. #363f46
  2. #586671
  3. #7c8d99
  4. #a7b2ba
  5. #d2d8dc

Sombras

#7c8d99 mezclado progresivamente con negro.

  1. #7c8d99
  2. #707f8a
  3. #63717a
  4. #57636b
  5. #4a555c
  6. #3e474d
  7. #32383d
  8. #252a2e
  9. #191c1f
  10. #0c0e0f
  11. #000000

Tintes

#7c8d99 mezclado progresivamente con blanco.

  1. #7c8d99
  2. #8998a3
  3. #96a4ad
  4. #a3afb8
  5. #b0bbc2
  6. #bec6cc
  7. #cbd1d6
  8. #d8dde0
  9. #e5e8eb
  10. #f2f4f5
  11. #ffffff

Tonos

#7c8d99 mezclado progresivamente con gris.

  1. #7c8d99
  2. #7c8c97
  3. #7d8a94
  4. #7d8992
  5. #7e888f
  6. #7e878d
  7. #7e858a
  8. #7f8488
  9. #7f8385
  10. #808183
  11. #808080

Texto legible 3.43:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Texto legible 6.13:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #8b8b8b ≈ 0.003% de los hombres
Acromatomalía #858c91 ≈ 0.001% de los hombres
Protanopía #888c9a ≈ 1.01% de los hombres
Deuteranopía #848999 ≈ 1.27% de los hombres
Tritanopía #749091 ≈ 0.0001% de los hombres
Protanomalía #838d99 ≈ 1.08% de los hombres
Deuteranomalía #818b99 ≈ 4.63% de los hombres
Tritanomalía #778f94 ≈ 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-7c8d99 {
  color: #7c8d99;
}
Fondo
.bg-7c8d99 {
  background-color: #7c8d99;
  color: #000000;
}
Borde
.border-7c8d99 {
  border: 2px solid #7c8d99;
}
Variables CSS
:root {
  --color-primary: #7c8d99;
  --color-primary-rgb: 124 141 153;
  --color-primary-hsl: 205 12% 54%;
}
Degradado
.gradient-7c8d99 {
  background: linear-gradient(135deg, #7c8d99, #7c7e99);
}
Sombra de color
.shadow-7c8d99 {
  box-shadow: 0 8px 24px rgb(124 141 153 / 0.35);
}

#778899 Light Slate Gray ΔE 2.95 #778899 Light Slate Grey ΔE 2.95 #708090 Slate Gray ΔE 5.11 #708090 Slate Grey ΔE 5.11 #5d8aa8 Air Force Blue ΔE 7.94 #808080 Gray ΔE 8.94 #808080 Grey ΔE 8.94 #837266 Invertido #8b8b8b Escala de grises 

Light Slate Gray
#7c8d99  rgb(124, 141, 153)  hsl(205, 12%, 54%)  Light Slate Gray
#99887c  rgb(153, 136, 124)  hsl(25, 12%, 54%)  Beaver
#997c8d  rgb(153, 124, 141)  hsl(325, 12%, 54%)  Mountbatten Pink
#8d997c  rgb(141, 153, 124)  hsl(85, 12%, 54%)  Moss Green