ColorTool
Entrar
#42FF3A

#42ff3a ≈ Neon Green

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

#42ff3a é uma cor da família “verde”, com luminosidade média e saturação vívida. No modelo RGB, é formada por 25,88% de vermelho, 100% de verde e 22,75% de azul; impressa em CMYK, usa 74,12% de ciano, 0% de magenta, 77,25% de amarelo e 0% de preto. Seu ângulo de matiz é 117,56°, com 100% de saturação e 61,37% 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 15,6:1 (WCAG AAA). A cor nomeada mais próxima é Neon Green (#39ff14), ΔE 1,62.

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

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

Complementar

  1. #42ff3a
  2. #f73aff

Complementar dividida

  1. #42ff3a
  2. #943aff
  3. #ff3aa5

Análoga

  1. #a5ff3a
  2. #42ff3a
  3. #3aff94

Triádica

  1. #42ff3a
  2. #3a42ff
  3. #ff3a42

Tetrádica

  1. #42ff3a
  2. #3afff7
  3. #f73aff
  4. #ff3a42

Quadrada

  1. #42ff3a
  2. #3aa5ff
  3. #f73aff
  4. #ff943a

Monocromática

  1. #07a000
  2. #0aec00
  3. #42ff3a
  4. #8bff86
  5. #d5ffd3

Sombras

#42ff3a misturado progressivamente com preto.

  1. #42ff3a
  2. #3be634
  3. #35cc2e
  4. #2eb329
  5. #289923
  6. #21801d
  7. #1a6617
  8. #144d11
  9. #0d330c
  10. #071a06
  11. #000000

Matizes claros

#42ff3a misturado progressivamente com branco.

  1. #42ff3a
  2. #55ff4e
  3. #68ff61
  4. #7bff75
  5. #8eff89
  6. #a1ff9d
  7. #b3ffb0
  8. #c6ffc4
  9. #d9ffd8
  10. #ecffeb
  11. #ffffff

Tons

#42ff3a misturado progressivamente com cinza.

  1. #42ff3a
  2. #48f241
  3. #4ee648
  4. #55d94f
  5. #5bcc56
  6. #61c05d
  7. #67b364
  8. #6da66b
  9. #749972
  10. #7a8d79
  11. #808080

Texto legível 1.35:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 15.6:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #dedede ≈ 0.003% dos homens
Acromatomalia #b5ecb4 ≈ 0.001% dos homens
Protanopia #ffe700 ≈ 1.01% dos homens
Deuteranopia #f0d851 ≈ 1.27% dos homens
Tritanopia #00f7da ≈ 0.0001% dos homens
Protanomalia #d3f120 ≈ 1.08% dos homens
Deuteranomalia #c3e949 ≈ 4.63% dos homens
Tritanomalia #1dfab1 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-42ff3a {
  color: #42ff3a;
}
Fundo
.bg-42ff3a {
  background-color: #42ff3a;
  color: #000000;
}
Borda
.border-42ff3a {
  border: 2px solid #42ff3a;
}
Variáveis CSS
:root {
  --color-primary: #42ff3a;
  --color-primary-rgb: 66 255 58;
  --color-primary-hsl: 118 100% 61%;
}
Degradê
.gradient-42ff3a {
  background: linear-gradient(135deg, #42ff3a, #3aff94);
}
Sombra colorida
.shadow-42ff3a {
  box-shadow: 0 8px 24px rgb(66 255 58 / 0.35);
}

#39ff14 Neon Green ΔE 1.62 #00ff00 Lime ΔE 1.91 #3fff00 Harlequin ΔE 2.06 #7cfc00 Lawn Green ΔE 4.98 #7fff00 Chartreuse ΔE 5.17 #00ff7f Spring Green ΔE 7.42 #adff2f Green Yellow ΔE 9.09 #bd00c5 Invertida #dedede Escala de cinza 

Neon Green
#42ff3a  rgb(66, 255, 58)  hsl(118, 100%, 61%)  Neon Green
#f73aff  rgb(247, 58, 255)  hsl(298, 100%, 61%)  Fuchsia
#3a42ff  rgb(58, 66, 255)  hsl(238, 100%, 61%)  Majorelle Blue
#ff3a42  rgb(255, 58, 66)  hsl(358, 100%, 61%)  Tractor Red