ColorTool
Entrar
#7A7977

#7a7977 ≈ Gray

  • cinza
  • Luminosidade: média
  • Saturação: quase nula
  • Neutra
Verificar contraste Explorar no grafo Cor aleatória

#7a7977 é uma cor da família “cinza”, com luminosidade média e saturação quase nula. No modelo RGB, é formada por 47,84% de vermelho, 47,45% de verde e 46,67% de azul; impressa em CMYK, usa 0% de ciano, 0,82% de magenta, 2,46% de amarelo e 52,16% de preto. Seu ângulo de matiz é 40°, com 1,24% de saturação e 47,25% de luminosidade em HSL. É uma cor neutra, muitas vezes associada a neutralidade, equilíbrio e profissionalismo. Designers costumam usá-la em texto e tipografia, identidades corporativas e detalhes de marca. Texto preto sobre esta cor atinge uma razão de contraste de 4,83:1 (WCAG AA). A cor nomeada mais próxima é Gray (#808080), ΔE 2,94.

Descrição gerada a partir das propriedades medidas desta cor.

HEX
RGB
RGB em porcentagem
CMY
CMYK
HSL
HSV / HSB
Segura para a web#666666
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binário
Decimal
Luminância relativa0.1914

Complementar

  1. #7a7977
  2. #77787a

Complementar dividida

  1. #7a7977
  2. #77797a
  3. #77777a

Análoga

  1. #7a7777
  2. #7a7977
  3. #797a77

Triádica

  1. #7a7977
  2. #777a79
  3. #79777a

Tetrádica

  1. #7a7977
  2. #787a77
  3. #77787a
  4. #79777a

Quadrada

  1. #7a7977
  2. #777a77
  3. #77787a
  4. #7a7779

Monocromática

  1. #2d2c2b
  2. #535351
  3. #7a7977
  4. #a09f9e
  5. #c6c5c4

Sombras

#7a7977 misturado progressivamente com preto.

  1. #7a7977
  2. #6e6d6b
  3. #62615f
  4. #555553
  5. #494947
  6. #3d3d3c
  7. #313030
  8. #252424
  9. #181818
  10. #0c0c0c
  11. #000000

Matizes claros

#7a7977 misturado progressivamente com branco.

  1. #7a7977
  2. #878685
  3. #959492
  4. #a2a1a0
  5. #afafad
  6. #bdbcbb
  7. #cac9c9
  8. #d7d7d6
  9. #e4e4e4
  10. #f2f2f1
  11. #ffffff

Tons

#7a7977 misturado progressivamente com cinza.

  1. #7a7977
  2. #7b7a78
  3. #7b7a79
  4. #7c7b7a
  5. #7c7c7b
  6. #7d7d7c
  7. #7e7d7c
  8. #7e7e7d
  9. #7f7f7e
  10. #7f7f7f
  11. #808080

Texto legível 4.35:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Texto legível 4.83:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #797979 ≈ 0.003% dos homens
Acromatomalia #797978 ≈ 0.001% dos homens
Protanopia #7a7977 ≈ 1.01% dos homens
Deuteranopia #7a7977 ≈ 1.27% dos homens
Tritanopia #7b7978 ≈ 0.0001% dos homens
Protanomalia #7a7977 ≈ 1.08% dos homens
Deuteranomalia #7a7977 ≈ 4.63% dos homens
Tritanomalia #7a7978 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-7a7977 {
  color: #7a7977;
}
Fundo
.bg-7a7977 {
  background-color: #7a7977;
  color: #000000;
}
Borda
.border-7a7977 {
  border: 2px solid #7a7977;
}
Variáveis CSS
:root {
  --color-primary: #7a7977;
  --color-primary-rgb: 122 121 119;
  --color-primary-hsl: 40 1% 47%;
}
Degradê
.gradient-7a7977 {
  background: linear-gradient(135deg, #7a7977, #797a77);
}
Sombra colorida
.shadow-7a7977 {
  box-shadow: 0 8px 24px rgb(122 121 119 / 0.35);
}

#808080 Gray ΔE 2.94 #808080 Grey ΔE 2.94 #848482 Battleship Gray ΔE 4.17 #696969 Dim Gray ΔE 6.45 #696969 Dim Grey ΔE 6.45 #8b8589 Taupe Gray ΔE 7.07 #708090 Slate Gray ΔE 10.34 #858688 Invertida #797979 Escala de cinza 

Gray
#7a7977  rgb(122, 121, 119)  hsl(40, 1%, 47%)  Gray
#77787a  rgb(119, 120, 122)  hsl(220, 1%, 47%)  Gray
#777a79  rgb(119, 122, 121)  hsl(160, 1%, 47%)  Gray
#79777a  rgb(121, 119, 122)  hsl(280, 1%, 47%)  Gray