ColorTool
Entrar
#A7A590

#a7a590 ≈ Sage

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

#a7a590 é uma cor da família “amarelo”, com luminosidade média e saturação quase nula. No modelo RGB, é formada por 65,49% de vermelho, 64,71% de verde e 56,47% de azul; impressa em CMYK, usa 0% de ciano, 1,2% de magenta, 13,77% de amarelo e 34,51% de preto. Seu ângulo de matiz é 54,78°, com 11,56% de saturação e 60,98% de luminosidade em HSL. É uma cor neutra, muitas vezes associada a otimismo, atenção e alegria. Designers costumam usá-la em destaques e avisos, produtos infantis e detalhes de marca. Texto preto sobre esta cor atinge uma razão de contraste de 8,43:1 (WCAG AAA). A cor nomeada mais próxima é Sage (#bcb88a), ΔE 8,93.

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

Complementar

  1. #a7a590
  2. #9092a7

Complementar dividida

  1. #a7a590
  2. #909ea7
  3. #9990a7

Análoga

  1. #a79990
  2. #a7a590
  3. #9ea790

Triádica

  1. #a7a590
  2. #90a7a5
  3. #a590a7

Tetrádica

  1. #a7a590
  2. #92a790
  3. #9092a7
  4. #a590a7

Quadrada

  1. #a7a590
  2. #90a799
  3. #9092a7
  4. #a7909e

Monocromática

  1. #585746
  2. #838068
  3. #a7a590
  4. #c9c8bb
  5. #ebeae5

Sombras

#a7a590 misturado progressivamente com preto.

  1. #a7a590
  2. #969582
  3. #868473
  4. #757465
  5. #646356
  6. #545348
  7. #43423a
  8. #32322b
  9. #21211d
  10. #11110e
  11. #000000

Matizes claros

#a7a590 misturado progressivamente com branco.

  1. #a7a590
  2. #b0ae9b
  3. #b9b7a6
  4. #c1c0b1
  5. #cac9bc
  6. #d3d2c8
  7. #dcdbd3
  8. #e5e4de
  9. #edede9
  10. #f6f6f4
  11. #ffffff

Tons

#a7a590 misturado progressivamente com cinza.

  1. #a7a590
  2. #a3a18e
  3. #9f9e8d
  4. #9b9a8b
  5. #97968a
  6. #949388
  7. #908f86
  8. #8c8b85
  9. #888783
  10. #848482
  11. #808080

Texto legível 2.49:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 8.43:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #a4a4a4 ≈ 0.003% dos homens
Acromatomalia #a5a49c ≈ 0.001% dos homens
Protanopia #a9a38f ≈ 1.01% dos homens
Deuteranopia #aaa591 ≈ 1.27% dos homens
Tritanopia #aba29f ≈ 0.0001% dos homens
Protanomalia #a8a48f ≈ 1.08% dos homens
Deuteranomalia #a9a590 ≈ 4.63% dos homens
Tritanomalia #a9a399 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-a7a590 {
  color: #a7a590;
}
Fundo
.bg-a7a590 {
  background-color: #a7a590;
  color: #000000;
}
Borda
.border-a7a590 {
  border: 2px solid #a7a590;
}
Variáveis CSS
:root {
  --color-primary: #a7a590;
  --color-primary-rgb: 167 165 144;
  --color-primary-hsl: 55 12% 61%;
}
Degradê
.gradient-a7a590 {
  background: linear-gradient(135deg, #a7a590, #9ea790);
}
Sombra colorida
.shadow-a7a590 {
  box-shadow: 0 8px 24px rgb(167 165 144 / 0.35);
}

#bcb88a Sage ΔE 8.93 #a9a9a9 Dark Gray ΔE 9.58 #a9a9a9 Dark Grey ΔE 9.58 #b2beb5 Ash Gray ΔE 9.77 #c2b280 Ecru ΔE 10.14 #c0c0c0 Silver ΔE 12.23 #d2b48c Tan ΔE 12.92 #585a6f Invertida #a4a4a4 Escala de cinza 

Sage
#a7a590  rgb(167, 165, 144)  hsl(55, 12%, 61%)  Sage
#9092a7  rgb(144, 146, 167)  hsl(235, 12%, 61%)  Cool Gray
#90a7a5  rgb(144, 167, 165)  hsl(175, 12%, 61%)  Opal
#a590a7  rgb(165, 144, 167)  hsl(295, 12%, 61%)  Rose Quartz