ColorTool
Entrar
#24E820

#24e820 ≈ Lime

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

#24e820 é uma cor da família “verde”, com luminosidade média e saturação vívida. No modelo RGB, é formada por 14,12% de vermelho, 90,98% de verde e 12,55% de azul; impressa em CMYK, usa 84,48% de ciano, 0% de magenta, 86,21% de amarelo e 9,02% de preto. Seu ângulo de matiz é 118,8°, com 81,3% de saturação e 51,76% 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,64:1 (WCAG AAA). A cor nomeada mais próxima é Lime (#00ff00), ΔE 5,02.

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

Complementar

  1. #24e820
  2. #e420e8

Complementar dividida

  1. #24e820
  2. #8020e8
  3. #e82088

Análoga

  1. #88e820
  2. #24e820
  3. #20e880

Triádica

  1. #24e820
  2. #2024e8
  3. #e82024

Tetrádica

  1. #24e820
  2. #20e8e4
  3. #e420e8
  4. #e82024

Quadrada

  1. #24e820
  2. #2088e8
  3. #e420e8
  4. #e88020

Monocromática

  1. #0c650a
  2. #15aa12
  3. #24e820
  4. #68ef65
  5. #acf6ab

Sombras

#24e820 misturado progressivamente com preto.

  1. #24e820
  2. #20d11d
  3. #1dba1a
  4. #19a216
  5. #168b13
  6. #127410
  7. #0e5d0d
  8. #0b460a
  9. #072e06
  10. #041703
  11. #000000

Matizes claros

#24e820 misturado progressivamente com branco.

  1. #24e820
  2. #3aea36
  3. #50ed4d
  4. #66ef63
  5. #7cf179
  6. #92f490
  7. #a7f6a6
  8. #bdf8bc
  9. #d3fad2
  10. #e9fde9
  11. #ffffff

Tons

#24e820 misturado progressivamente com cinza.

  1. #24e820
  2. #2dde2a
  3. #36d333
  4. #40c93d
  5. #49be46
  6. #52b450
  7. #5baa5a
  8. #649f63
  9. #6e956d
  10. #778a76
  11. #808080

Texto legível 1.66:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 12.64:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #c9c9c9 ≈ 0.003% dos homens
Acromatomalia #a1d6a1 ≈ 0.001% dos homens
Protanopia #edd100 ≈ 1.01% dos homens
Deuteranopia #dac33e ≈ 1.27% dos homens
Tritanopia #00e1c6 ≈ 0.0001% dos homens
Protanomalia #bedb00 ≈ 1.08% dos homens
Deuteranomalia #aed334 ≈ 4.63% dos homens
Tritanomalia #00e49e ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-24e820 {
  color: #24e820;
}
Fundo
.bg-24e820 {
  background-color: #24e820;
  color: #000000;
}
Borda
.border-24e820 {
  border: 2px solid #24e820;
}
Variáveis CSS
:root {
  --color-primary: #24e820;
  --color-primary-rgb: 36 232 32;
  --color-primary-hsl: 119 81% 52%;
}
Degradê
.gradient-24e820 {
  background: linear-gradient(135deg, #24e820, #20e880);
}
Sombra colorida
.shadow-24e820 {
  box-shadow: 0 8px 24px rgb(36 232 32 / 0.35);
}

#00ff00 Lime ΔE 5.02 #39ff14 Neon Green ΔE 5.14 #3fff00 Harlequin ΔE 5.32 #0bda51 Malachite ΔE 5.81 #32cd32 Lime Green ΔE 6.62 #7cfc00 Lawn Green ΔE 7.10 #7fff00 Chartreuse ΔE 7.66 #db17df Invertida #c9c9c9 Escala de cinza 

Lime
#24e820  rgb(36, 232, 32)  hsl(119, 81%, 52%)  Lime
#e420e8  rgb(228, 32, 232)  hsl(299, 81%, 52%)  Fuchsia
#2024e8  rgb(32, 36, 232)  hsl(239, 81%, 52%)  Blue
#e82024  rgb(232, 32, 36)  hsl(359, 81%, 52%)  Lust