ColorTool
Entrar
#83888E

#83888e ≈ Gray

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

#83888e é uma cor da família “cinza”, com luminosidade média e saturação quase nula. No modelo RGB, é formada por 51,37% de vermelho, 53,33% de verde e 55,69% de azul; impressa em CMYK, usa 7,75% de ciano, 4,23% de magenta, 0% de amarelo e 44,31% de preto. Seu ângulo de matiz é 212,73°, com 4,64% de saturação e 53,53% 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 5,88:1 (WCAG AA). A cor nomeada mais próxima é Gray (#808080), ΔE 4,54.

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

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

Complementar

  1. #83888e
  2. #8e8983

Complementar dividida

  1. #83888e
  2. #8e8483
  3. #8d8e83

Análoga

  1. #838d8e
  2. #83888e
  3. #84838e

Triádica

  1. #83888e
  2. #8e8388
  3. #888e83

Tetrádica

  1. #83888e
  2. #89838e
  3. #8e8983
  4. #888e83

Quadrada

  1. #83888e
  2. #8e838d
  3. #8e8983
  4. #838e84

Monocromática

  1. #393c3f
  2. #5e6267
  3. #83888e
  4. #abaeb2
  5. #d3d5d7

Sombras

#83888e misturado progressivamente com preto.

  1. #83888e
  2. #767a80
  3. #696d72
  4. #5c5f63
  5. #4f5255
  6. #424447
  7. #343639
  8. #27292b
  9. #1a1b1c
  10. #0d0e0e
  11. #000000

Matizes claros

#83888e misturado progressivamente com branco.

  1. #83888e
  2. #8f9499
  3. #9ca0a5
  4. #a8acb0
  5. #b5b8bb
  6. #c1c4c7
  7. #cdcfd2
  8. #dadbdd
  9. #e6e7e8
  10. #f3f3f4
  11. #ffffff

Tons

#83888e misturado progressivamente com cinza.

  1. #83888e
  2. #83878d
  3. #82868b
  4. #82868a
  5. #828588
  6. #828487
  7. #818386
  8. #818284
  9. #818283
  10. #808181
  11. #808080

Texto legível 3.57:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Texto legível 5.88:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #878787 ≈ 0.003% dos homens
Acromatomalia #86888a ≈ 0.001% dos homens
Protanopia #86888e ≈ 1.01% dos homens
Deuteranopia #85878e ≈ 1.27% dos homens
Tritanopia #81898a ≈ 0.0001% dos homens
Protanomalia #85888e ≈ 1.08% dos homens
Deuteranomalia #84878e ≈ 4.63% dos homens
Tritanomalia #82898c ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-83888e {
  color: #83888e;
}
Fundo
.bg-83888e {
  background-color: #83888e;
  color: #000000;
}
Borda
.border-83888e {
  border: 2px solid #83888e;
}
Variáveis CSS
:root {
  --color-primary: #83888e;
  --color-primary-rgb: 131 136 142;
  --color-primary-hsl: 213 5% 54%;
}
Degradê
.gradient-83888e {
  background: linear-gradient(135deg, #83888e, #84838e);
}
Sombra colorida
.shadow-83888e {
  box-shadow: 0 8px 24px rgb(131 136 142 / 0.35);
}

#808080 Gray ΔE 4.54 #808080 Grey ΔE 4.54 #848482 Battleship Gray ΔE 4.83 #778899 Light Slate Gray ΔE 5.71 #778899 Light Slate Grey ΔE 5.71 #8b8589 Taupe Gray ΔE 5.79 #708090 Slate Gray ΔE 6.35 #7c7771 Invertida #878787 Escala de cinza 

Gray
#83888e  rgb(131, 136, 142)  hsl(213, 5%, 54%)  Gray
#8e8983  rgb(142, 137, 131)  hsl(33, 5%, 54%)  Battleship Gray
#8e8388  rgb(142, 131, 136)  hsl(333, 5%, 54%)  Taupe Gray
#888e83  rgb(136, 142, 131)  hsl(93, 5%, 54%)  Battleship Gray