ColorTool
Entrar
#98A689

#98a689 ≈ Asparagus

  • verde-limão
  • Luminosidade: média
  • Saturação: suave
  • Equilibrada
Verificar contraste Explorar no grafo Cor aleatória

#98a689 é uma cor da família “verde-limão”, com luminosidade média e saturação suave. No modelo RGB, é formada por 59,61% de vermelho, 65,1% de verde e 53,73% de azul; impressa em CMYK, usa 8,43% de ciano, 0% de magenta, 17,47% de amarelo e 34,9% de preto. Seu ângulo de matiz é 88,97°, com 14,01% de saturação e 59,41% de luminosidade em HSL. Fica entre quente e fria e é muitas vezes associada a frescor, crescimento e vitalidade. Designers costumam usá-la em marcas sustentáveis, saúde e bem-estar e detalhes de marca. Texto preto sobre esta cor atinge uma razão de contraste de 8,15:1 (WCAG AAA). A cor nomeada mais próxima é Asparagus (#87a96b), ΔE 9,12.

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

Complementar

  1. #98a689
  2. #9789a6

Complementar dividida

  1. #98a689
  2. #8989a6
  3. #a589a6

Análoga

  1. #a6a589
  2. #98a689
  3. #89a689

Triádica

  1. #98a689
  2. #8998a6
  3. #a68998

Tetrádica

  1. #98a689
  2. #89a697
  3. #9789a6
  4. #a68998

Quadrada

  1. #98a689
  2. #89a6a5
  3. #9789a6
  4. #a68989

Monocromática

  1. #4b5640
  2. #728161
  3. #98a689
  4. #bec7b5
  5. #e4e8e0

Sombras

#98a689 misturado progressivamente com preto.

  1. #98a689
  2. #89957b
  3. #7a856e
  4. #6a7460
  5. #5b6452
  6. #4c5345
  7. #3d4237
  8. #2e3229
  9. #1e211b
  10. #0f110e
  11. #000000

Matizes claros

#98a689 misturado progressivamente com branco.

  1. #98a689
  2. #a2af95
  3. #adb8a1
  4. #b7c1ac
  5. #c1cab8
  6. #ccd3c4
  7. #d6dbd0
  8. #e0e4dc
  9. #eaede7
  10. #f5f6f3
  11. #ffffff

Tons

#98a689 misturado progressivamente com cinza.

  1. #98a689
  2. #96a288
  3. #939e87
  4. #919b86
  5. #8e9785
  6. #8c9385
  7. #8a8f84
  8. #878b83
  9. #858882
  10. #828481
  11. #808080

Texto legível 2.58:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 8.15:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #a1a1a1 ≈ 0.003% dos homens
Acromatomalia #9ea398 ≈ 0.001% dos homens
Protanopia #a9a287 ≈ 1.01% dos homens
Deuteranopia #a7a18a ≈ 1.27% dos homens
Tritanopia #99a39e ≈ 0.0001% dos homens
Protanomalia #a3a488 ≈ 1.08% dos homens
Deuteranomalia #a1a38a ≈ 4.63% dos homens
Tritanomalia #99a496 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-98a689 {
  color: #98a689;
}
Fundo
.bg-98a689 {
  background-color: #98a689;
  color: #000000;
}
Borda
.border-98a689 {
  border: 2px solid #98a689;
}
Variáveis CSS
:root {
  --color-primary: #98a689;
  --color-primary-rgb: 152 166 137;
  --color-primary-hsl: 89 14% 59%;
}
Degradê
.gradient-98a689 {
  background: linear-gradient(135deg, #98a689, #89a689);
}
Sombra colorida
.shadow-98a689 {
  box-shadow: 0 8px 24px rgb(152 166 137 / 0.35);
}

#87a96b Asparagus ΔE 9.12 #8fbc8f Dark Sea Green ΔE 9.41 #8a9a5b Moss Green ΔE 9.95 #bcb88a Sage ΔE 10.02 #b2beb5 Ash Gray ΔE 10.61 #9ab973 Olivine ΔE 10.79 #738678 Xanadu ΔE 12.08 #675976 Invertida #a1a1a1 Escala de cinza 

Asparagus
#98a689  rgb(152, 166, 137)  hsl(89, 14%, 59%)  Asparagus
#9789a6  rgb(151, 137, 166)  hsl(269, 14%, 59%)  Rose Quartz
#8998a6  rgb(137, 152, 166)  hsl(209, 14%, 59%)  Light Slate Gray
#a68998  rgb(166, 137, 152)  hsl(329, 14%, 59%)  Mountbatten Pink