ColorTool
Entrar
#10EB3A

#10eb3a ≈ Malachite

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

#10eb3a é uma cor da família “verde”, com luminosidade média e saturação vívida. No modelo RGB, é formada por 6,27% de vermelho, 92,16% de verde e 22,75% de azul; impressa em CMYK, usa 93,19% de ciano, 0% de magenta, 75,32% de amarelo e 7,84% de preto. Seu ângulo de matiz é 131,51°, com 87,25% de saturação e 49,22% de luminosidade em HSL. Fica entre quente e fria e é muitas vezes associada a natureza, saúde e equilíbrio. 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 12,97:1 (WCAG AAA). A cor nomeada mais próxima é Malachite (#0bda51), ΔE 5,01.

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

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

Complementar

  1. #10eb3a
  2. #eb10c1

Complementar dividida

  1. #10eb3a
  2. #a810eb
  3. #eb1053

Análoga

  1. #53eb10
  2. #10eb3a
  3. #10eba8

Triádica

  1. #10eb3a
  2. #3a10eb
  3. #eb3a10

Tetrádica

  1. #10eb3a
  2. #10c1eb
  3. #eb10c1
  4. #eb3a10

Quadrada

  1. #10eb3a
  2. #1053eb
  3. #eb10c1
  4. #eba810

Monocromática

  1. #065c17
  2. #0ba328
  3. #10eb3a
  4. #54f373
  5. #9cf8ae

Sombras

#10eb3a misturado progressivamente com preto.

  1. #10eb3a
  2. #0ed434
  3. #0dbc2e
  4. #0ba529
  5. #0a8d23
  6. #08761d
  7. #065e17
  8. #054711
  9. #032f0c
  10. #021806
  11. #000000

Matizes claros

#10eb3a misturado progressivamente com branco.

  1. #10eb3a
  2. #28ed4e
  3. #40ef61
  4. #58f175
  5. #70f389
  6. #88f59d
  7. #9ff7b0
  8. #b7f9c4
  9. #cffbd8
  10. #e7fdeb
  11. #ffffff

Tons

#10eb3a misturado progressivamente com cinza.

  1. #10eb3a
  2. #1be041
  3. #26d648
  4. #32cb4f
  5. #3dc056
  6. #48b65d
  7. #53ab64
  8. #5ea06b
  9. #6a9572
  10. #758b79
  11. #808080

Texto legível 1.62:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 12.97:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #cbcbcb ≈ 0.003% dos homens
Acromatomalia #a2d9a5 ≈ 0.001% dos homens
Protanopia #efd40e ≈ 1.01% dos homens
Deuteranopia #dbc64e ≈ 1.27% dos homens
Tritanopia #00e4c9 ≈ 0.0001% dos homens
Protanomalia #bfde26 ≈ 1.08% dos homens
Deuteranomalia #afd647 ≈ 4.63% dos homens
Tritanomalia #00e7a4 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-10eb3a {
  color: #10eb3a;
}
Fundo
.bg-10eb3a {
  background-color: #10eb3a;
  color: #000000;
}
Borda
.border-10eb3a {
  border: 2px solid #10eb3a;
}
Variáveis CSS
:root {
  --color-primary: #10eb3a;
  --color-primary-rgb: 16 235 58;
  --color-primary-hsl: 132 87% 49%;
}
Degradê
.gradient-10eb3a {
  background: linear-gradient(135deg, #10eb3a, #10eba8);
}
Sombra colorida
.shadow-10eb3a {
  box-shadow: 0 8px 24px rgb(16 235 58 / 0.35);
}

#0bda51 Malachite ΔE 5.01 #00ff00 Lime ΔE 5.13 #39ff14 Neon Green ΔE 5.31 #3fff00 Harlequin ΔE 5.64 #32cd32 Lime Green ΔE 6.98 #00ff7f Spring Green ΔE 7.31 #7cfc00 Lawn Green ΔE 7.87 #ef14c5 Invertida #cbcbcb Escala de cinza 

Malachite
#10eb3a  rgb(16, 235, 58)  hsl(132, 87%, 49%)  Malachite
#eb10c1  rgb(235, 16, 193)  hsl(312, 87%, 49%)  Shocking Pink
#3a10eb  rgb(58, 16, 235)  hsl(252, 87%, 49%)  Blue
#eb3a10  rgb(235, 58, 16)  hsl(12, 87%, 49%)  Scarlet