ColorTool
Entrar
#9A8B9E

#9a8b9e ≈ Rose Quartz

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

#9a8b9e é uma cor da família “cinza”, com luminosidade média e saturação quase nula. No modelo RGB, é formada por 60,39% de vermelho, 54,51% de verde e 61,96% de azul; impressa em CMYK, usa 2,53% de ciano, 12,03% de magenta, 0% de amarelo e 38,04% de preto. Seu ângulo de matiz é 287,37°, com 8,92% de saturação e 58,24% 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 6,56:1 (WCAG AA). A cor nomeada mais próxima é Rose Quartz (#aa98a9), ΔE 4,59.

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

Complementar

  1. #9a8b9e
  2. #8f9e8b

Complementar dividida

  1. #9a8b9e
  2. #999e8b
  3. #8b9e91

Análoga

  1. #918b9e
  2. #9a8b9e
  3. #9e8b99

Triádica

  1. #9a8b9e
  2. #9e9a8b
  3. #8b9e9a

Tetrádica

  1. #9a8b9e
  2. #9e8b8f
  3. #8f9e8b
  4. #8b9e9a

Quadrada

  1. #9a8b9e
  2. #9e918b
  3. #8f9e8b
  4. #8b999e

Monocromática

  1. #4c424e
  2. #746478
  3. #9a8b9e
  4. #beb5c1
  5. #e3dee4

Sombras

#9a8b9e misturado progressivamente com preto.

  1. #9a8b9e
  2. #8b7d8e
  3. #7b6f7e
  4. #6c616f
  5. #5c535f
  6. #4d464f
  7. #3e383f
  8. #2e2a2f
  9. #1f1c20
  10. #0f0e10
  11. #000000

Matizes claros

#9a8b9e misturado progressivamente com branco.

  1. #9a8b9e
  2. #a497a8
  3. #aea2b1
  4. #b8aebb
  5. #c2b9c5
  6. #cdc5cf
  7. #d7d1d8
  8. #e1dce2
  9. #ebe8ec
  10. #f5f3f5
  11. #ffffff

Tons

#9a8b9e misturado progressivamente com cinza.

  1. #9a8b9e
  2. #978a9b
  3. #958998
  4. #928895
  5. #908792
  6. #8d868f
  7. #8a848c
  8. #888389
  9. #858286
  10. #838183
  11. #808080

Texto legível 3.2:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Texto legível 6.56:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #909090 ≈ 0.003% dos homens
Acromatomalia #948e96 ≈ 0.001% dos homens
Protanopia #898f9f ≈ 1.01% dos homens
Deuteranopia #8c909d ≈ 1.27% dos homens
Tritanopia #9a8d91 ≈ 0.0001% dos homens
Protanomalia #908d9f ≈ 1.08% dos homens
Deuteranomalia #928e9e ≈ 4.63% dos homens
Tritanomalia #9a8c96 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-9a8b9e {
  color: #9a8b9e;
}
Fundo
.bg-9a8b9e {
  background-color: #9a8b9e;
  color: #000000;
}
Borda
.border-9a8b9e {
  border: 2px solid #9a8b9e;
}
Variáveis CSS
:root {
  --color-primary: #9a8b9e;
  --color-primary-rgb: 154 139 158;
  --color-primary-hsl: 287 9% 58%;
}
Degradê
.gradient-9a8b9e {
  background: linear-gradient(135deg, #9a8b9e, #9e8b99);
}
Sombra colorida
.shadow-9a8b9e {
  box-shadow: 0 8px 24px rgb(154 139 158 / 0.35);
}

#aa98a9 Rose Quartz ΔE 4.59 #b39eb5 Pastel Purple ΔE 6.95 #997a8d Mountbatten Pink ΔE 7.17 #8b8589 Taupe Gray ΔE 8.48 #8c92ac Cool Gray ΔE 9.13 #c8a2c8 Lilac ΔE 12.34 #bc8f8f Rosy Brown ΔE 12.47 #657461 Invertida #909090 Escala de cinza 

Rose Quartz
#9a8b9e  rgb(154, 139, 158)  hsl(287, 9%, 58%)  Rose Quartz
#8f9e8b  rgb(143, 158, 139)  hsl(107, 9%, 58%)  Xanadu
#9e9a8b  rgb(158, 154, 139)  hsl(47, 9%, 58%)  Dark Gray
#8b9e9a  rgb(139, 158, 154)  hsl(167, 9%, 58%)  Xanadu