ColorTool
Entrar
#98A2A9

#98a2a9 ≈ Dark Gray

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

#98a2a9 é uma cor da família “cinza”, com luminosidade alta e saturação quase nula. No modelo RGB, é formada por 59,61% de vermelho, 63,53% de verde e 66,27% de azul; impressa em CMYK, usa 10,06% de ciano, 4,14% de magenta, 0% de amarelo e 33,73% de preto. Seu ângulo de matiz é 204,71°, com 8,99% de saturação e 62,94% 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 8,08:1 (WCAG AAA). A cor nomeada mais próxima é Dark Gray (#a9a9a9), ΔE 5,72.

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

Complementar

  1. #98a2a9
  2. #a99f98

Complementar dividida

  1. #98a2a9
  2. #a99899
  3. #a9a798

Análoga

  1. #98a9a7
  2. #98a2a9
  3. #9899a9

Triádica

  1. #98a2a9
  2. #a998a2
  3. #a2a998

Tetrádica

  1. #98a2a9
  2. #9f98a9
  3. #a99f98
  4. #a2a998

Quadrada

  1. #98a2a9
  2. #a798a9
  3. #a99f98
  4. #99a998

Monocromática

  1. #4c555c
  2. #6f7c85
  3. #98a2a9
  4. #c2c8cc
  5. #ebedef

Sombras

#98a2a9 misturado progressivamente com preto.

  1. #98a2a9
  2. #899298
  3. #7a8287
  4. #6a7176
  5. #5b6165
  6. #4c5155
  7. #3d4144
  8. #2e3133
  9. #1e2022
  10. #0f1011
  11. #000000

Matizes claros

#98a2a9 misturado progressivamente com branco.

  1. #98a2a9
  2. #a2abb2
  3. #adb5ba
  4. #b7bec3
  5. #c1c7cb
  6. #ccd1d4
  7. #d6dadd
  8. #e0e3e5
  9. #eaecee
  10. #f5f6f6
  11. #ffffff

Tons

#98a2a9 misturado progressivamente com cinza.

  1. #98a2a9
  2. #969fa5
  3. #939ba1
  4. #91989d
  5. #8e9499
  6. #8c9195
  7. #8a8e90
  8. #878a8c
  9. #858788
  10. #828384
  11. #808080

Texto legível 2.6:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 8.08:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #a0a0a0 ≈ 0.003% dos homens
Acromatomalia #9da1a4 ≈ 0.001% dos homens
Protanopia #9fa2a9 ≈ 1.01% dos homens
Deuteranopia #9da0a9 ≈ 1.27% dos homens
Tritanopia #94a4a4 ≈ 0.0001% dos homens
Protanomalia #9ca2a9 ≈ 1.08% dos homens
Deuteranomalia #9ba1a9 ≈ 4.63% dos homens
Tritanomalia #96a3a6 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-98a2a9 {
  color: #98a2a9;
}
Fundo
.bg-98a2a9 {
  background-color: #98a2a9;
  color: #000000;
}
Borda
.border-98a2a9 {
  border: 2px solid #98a2a9;
}
Variáveis CSS
:root {
  --color-primary: #98a2a9;
  --color-primary-rgb: 152 162 169;
  --color-primary-hsl: 205 9% 63%;
}
Degradê
.gradient-98a2a9 {
  background: linear-gradient(135deg, #98a2a9, #9899a9);
}
Sombra colorida
.shadow-98a2a9 {
  box-shadow: 0 8px 24px rgb(152 162 169 / 0.35);
}

#a9a9a9 Dark Gray ΔE 5.72 #a9a9a9 Dark Grey ΔE 5.72 #778899 Light Slate Gray ΔE 9.92 #778899 Light Slate Grey ΔE 9.92 #c0c0c0 Silver ΔE 10.20 #8c92ac Cool Gray ΔE 10.41 #aec6cf Pastel Blue ΔE 10.50 #675d56 Invertida #a0a0a0 Escala de cinza 

Dark Gray
#98a2a9  rgb(152, 162, 169)  hsl(205, 9%, 63%)  Dark Gray
#a99f98  rgb(169, 159, 152)  hsl(25, 9%, 63%)  Dark Gray
#a998a2  rgb(169, 152, 162)  hsl(325, 9%, 63%)  Rose Quartz
#a2a998  rgb(162, 169, 152)  hsl(85, 9%, 63%)  Ash Gray