ColorTool
Entrar
#ABFA3A

#abfa3a ≈ Green Yellow

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

#abfa3a é uma cor da família “verde-limão”, com luminosidade média e saturação vívida. No modelo RGB, é formada por 67,06% de vermelho, 98,04% de verde e 22,75% de azul; impressa em CMYK, usa 31,6% de ciano, 0% de magenta, 76,8% de amarelo e 1,96% de preto. Seu ângulo de matiz é 84,69°, com 95,05% de saturação e 60,39% 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 botões de chamada para ação. Texto preto sobre esta cor atinge uma razão de contraste de 16,47:1 (WCAG AAA). A cor nomeada mais próxima é Green Yellow (#adff2f), ΔE 1,3.

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

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

Complementar

  1. #abfa3a
  2. #893afa

Complementar dividida

  1. #abfa3a
  2. #3a4bfa
  3. #e93afa

Análoga

  1. #fae93a
  2. #abfa3a
  3. #4bfa3a

Triádica

  1. #abfa3a
  2. #3aabfa
  3. #fa3aab

Tetrádica

  1. #abfa3a
  2. #3afa89
  3. #893afa
  4. #fa3aab

Quadrada

  1. #abfa3a
  2. #3afae9
  3. #893afa
  4. #fa3a4b

Monocromática

  1. #5b9704
  2. #87e206
  3. #abfa3a
  4. #cbfc85
  5. #ebfecf

Sombras

#abfa3a misturado progressivamente com preto.

  1. #abfa3a
  2. #9ae134
  3. #89c82e
  4. #78af29
  5. #679623
  6. #567d1d
  7. #446417
  8. #334b11
  9. #22320c
  10. #111906
  11. #000000

Matizes claros

#abfa3a misturado progressivamente com branco.

  1. #abfa3a
  2. #b3fb4e
  3. #bcfb61
  4. #c4fc75
  5. #cdfc89
  6. #d5fd9d
  7. #ddfdb0
  8. #e6fec4
  9. #eefed8
  10. #f7ffeb
  11. #ffffff

Tons

#abfa3a misturado progressivamente com cinza.

  1. #abfa3a
  2. #a7ee41
  3. #a2e248
  4. #9ed54f
  5. #9ac956
  6. #96bd5d
  7. #91b164
  8. #8da56b
  9. #899872
  10. #848c79
  11. #808080

Texto legível 1.28:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 16.47:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #e4e4e4 ≈ 0.003% dos homens
Acromatomalia #cfedb8 ≈ 0.001% dos homens
Protanopia #ffe700 ≈ 1.01% dos homens
Deuteranopia #fbe24f ≈ 1.27% dos homens
Tritanopia #afefd6 ≈ 0.0001% dos homens
Protanomalia #e7ef21 ≈ 1.08% dos homens
Deuteranomalia #dfec47 ≈ 4.63% dos homens
Tritanomalia #aef4ae ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-abfa3a {
  color: #abfa3a;
}
Fundo
.bg-abfa3a {
  background-color: #abfa3a;
  color: #000000;
}
Borda
.border-abfa3a {
  border: 2px solid #abfa3a;
}
Variáveis CSS
:root {
  --color-primary: #abfa3a;
  --color-primary-rgb: 171 250 58;
  --color-primary-hsl: 85 95% 60%;
}
Degradê
.gradient-abfa3a {
  background: linear-gradient(135deg, #abfa3a, #4bfa3a);
}
Sombra colorida
.shadow-abfa3a {
  box-shadow: 0 8px 24px rgb(171 250 58 / 0.35);
}

#adff2f Green Yellow ΔE 1.30 #a7fc00 Spring Bud ΔE 2.02 #7fff00 Chartreuse ΔE 4.49 #b2ec5d Inchworm ΔE 4.56 #7cfc00 Lawn Green ΔE 4.58 #ccff00 Electric Lime ΔE 5.89 #3fff00 Harlequin ΔE 8.13 #5405c5 Invertida #e4e4e4 Escala de cinza 

Green Yellow
#abfa3a  rgb(171, 250, 58)  hsl(85, 95%, 60%)  Green Yellow
#893afa  rgb(137, 58, 250)  hsl(265, 95%, 60%)  Vivid Violet
#3aabfa  rgb(58, 171, 250)  hsl(205, 95%, 60%)  Carolina Blue
#fa3aab  rgb(250, 58, 171)  hsl(325, 95%, 60%)  Persian Rose