ColorTool
Entrar
#A3C228

#a3c228 ≈ Yellow Green

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

#a3c228 é uma cor da família “verde-limão”, com luminosidade média e saturação forte. No modelo RGB, é formada por 63,92% de vermelho, 76,08% de verde e 15,69% de azul; impressa em CMYK, usa 15,98% de ciano, 0% de magenta, 79,38% de amarelo e 23,92% de preto. Seu ângulo de matiz é 72,08°, com 65,81% de saturação e 45,88% de luminosidade em HSL. É uma cor quente, 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 10,3:1 (WCAG AAA). A cor nomeada mais próxima é Yellow Green (#9acd32), ΔE 4,1.

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

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

Complementar

  1. #a3c228
  2. #4728c2

Complementar dividida

  1. #a3c228
  2. #2856c2
  3. #9428c2

Análoga

  1. #c29428
  2. #a3c228
  3. #56c228

Triádica

  1. #a3c228
  2. #28a3c2
  3. #c228a3

Tetrádica

  1. #a3c228
  2. #28c247
  3. #4728c2
  4. #c228a3

Quadrada

  1. #a3c228
  2. #28c294
  3. #4728c2
  4. #c22856

Monocromática

  1. #38430e
  2. #6e831b
  3. #a3c228
  4. #c2dd5a
  5. #daea99

Sombras

#a3c228 misturado progressivamente com preto.

  1. #a3c228
  2. #93af24
  3. #829b20
  4. #72881c
  5. #627418
  6. #526114
  7. #414e10
  8. #313a0c
  9. #212708
  10. #101304
  11. #000000

Matizes claros

#a3c228 misturado progressivamente com branco.

  1. #a3c228
  2. #acc83e
  3. #b5ce53
  4. #bfd469
  5. #c8da7e
  6. #d1e194
  7. #dae7a9
  8. #e3edbf
  9. #edf3d4
  10. #f6f9ea
  11. #ffffff

Tons

#a3c228 misturado progressivamente com cinza.

  1. #a3c228
  2. #a0bb31
  3. #9cb53a
  4. #99ae42
  5. #95a84b
  6. #92a154
  7. #8e9a5d
  8. #8b9466
  9. #878d6e
  10. #848777
  11. #808080

Texto legível 2.04:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 10.3:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #b6b6b6 ≈ 0.003% dos homens
Acromatomalia #aebb92 ≈ 0.001% dos homens
Protanopia #ceb600 ≈ 1.01% dos homens
Deuteranopia #cbb638 ≈ 1.27% dos homens
Tritanopia #acb8a6 ≈ 0.0001% dos homens
Protanomalia #bfbb11 ≈ 1.08% dos homens
Deuteranomalia #bcbb32 ≈ 4.63% dos homens
Tritanomalia #a9bc86 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-a3c228 {
  color: #a3c228;
}
Fundo
.bg-a3c228 {
  background-color: #a3c228;
  color: #000000;
}
Borda
.border-a3c228 {
  border: 2px solid #a3c228;
}
Variáveis CSS
:root {
  --color-primary: #a3c228;
  --color-primary-rgb: 163 194 40;
  --color-primary-hsl: 72 66% 46%;
}
Degradê
.gradient-a3c228 {
  background: linear-gradient(135deg, #a3c228, #56c228);
}
Sombra colorida
.shadow-a3c228 {
  box-shadow: 0 8px 24px rgb(163 194 40 / 0.35);
}

#9acd32 Yellow Green ΔE 4.10 #8db600 Apple Green ΔE 4.18 #bdda57 June Bud ΔE 6.55 #d1e231 Pear ΔE 9.30 #b2ec5d Inchworm ΔE 10.56 #93c572 Pistachio ΔE 10.94 #bdb76b Dark Khaki ΔE 11.23 #5c3dd7 Invertida #b6b6b6 Escala de cinza 

Yellow Green
#a3c228  rgb(163, 194, 40)  hsl(72, 66%, 46%)  Yellow Green
#4728c2  rgb(71, 40, 194)  hsl(252, 66%, 46%)  Medium Blue
#28a3c2  rgb(40, 163, 194)  hsl(192, 66%, 46%)  Bondi Blue
#c228a3  rgb(194, 40, 163)  hsl(312, 66%, 46%)  Medium Violet Red