ColorTool
Entrar
#24F014

#24f014 ≈ Lime

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

#24f014 é uma cor da família “verde”, com luminosidade média e saturação vívida. No modelo RGB, é formada por 14,12% de vermelho, 94,12% de verde e 7,84% de azul; impressa em CMYK, usa 85% de ciano, 0% de magenta, 91,67% de amarelo e 5,88% de preto. Seu ângulo de matiz é 115,64°, com 88% de saturação e 50,98% 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 13,55:1 (WCAG AAA). A cor nomeada mais próxima é Lime (#00ff00), ΔE 3,18.

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

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

Complementar

  1. #24f014
  2. #e014f0

Complementar dividida

  1. #24f014
  2. #7214f0
  3. #f01492

Análoga

  1. #92f014
  2. #24f014
  3. #14f072

Triádica

  1. #24f014
  2. #1424f0
  3. #f01424

Tetrádica

  1. #24f014
  2. #14f0e0
  3. #e014f0
  4. #f01424

Quadrada

  1. #24f014
  2. #1492f0
  3. #e014f0
  4. #f07214

Monocromática

  1. #0d6506
  2. #17ac0b
  3. #24f014
  4. #67f55c
  5. #aaf9a4

Sombras

#24f014 misturado progressivamente com preto.

  1. #24f014
  2. #20d812
  3. #1dc010
  4. #19a80e
  5. #16900c
  6. #12780a
  7. #0e6008
  8. #0b4806
  9. #073004
  10. #041802
  11. #000000

Matizes claros

#24f014 misturado progressivamente com branco.

  1. #24f014
  2. #3af22c
  3. #50f343
  4. #66f55b
  5. #7cf672
  6. #92f88a
  7. #a7f9a1
  8. #bdfbb9
  9. #d3fcd0
  10. #e9fee8
  11. #ffffff

Tons

#24f014 misturado progressivamente com cinza.

  1. #24f014
  2. #2de51f
  3. #36da2a
  4. #40ce34
  5. #49c33f
  6. #52b84a
  7. #5bad55
  8. #64a260
  9. #6e966a
  10. #778b75
  11. #808080

Texto legível 1.55:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 13.55:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #d0d0d0 ≈ 0.003% dos homens
Acromatomalia #a6dda6 ≈ 0.001% dos homens
Protanopia #f6d800 ≈ 1.01% dos homens
Deuteranopia #e1ca3b ≈ 1.27% dos homens
Tritanopia #00e8cc ≈ 0.0001% dos homens
Protanomalia #c5e200 ≈ 1.08% dos homens
Deuteranomalia #b5da30 ≈ 4.63% dos homens
Tritanomalia #00eca3 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-24f014 {
  color: #24f014;
}
Fundo
.bg-24f014 {
  background-color: #24f014;
  color: #000000;
}
Borda
.border-24f014 {
  border: 2px solid #24f014;
}
Variáveis CSS
:root {
  --color-primary: #24f014;
  --color-primary-rgb: 36 240 20;
  --color-primary-hsl: 116 88% 51%;
}
Degradê
.gradient-24f014 {
  background: linear-gradient(135deg, #24f014, #14f072);
}
Sombra colorida
.shadow-24f014 {
  box-shadow: 0 8px 24px rgb(36 240 20 / 0.35);
}

#00ff00 Lime ΔE 3.18 #39ff14 Neon Green ΔE 3.29 #3fff00 Harlequin ΔE 3.47 #7cfc00 Lawn Green ΔE 5.73 #7fff00 Chartreuse ΔE 6.22 #0bda51 Malachite ΔE 7.43 #32cd32 Lime Green ΔE 8.49 #db0feb Invertida #d0d0d0 Escala de cinza 

Lime
#24f014  rgb(36, 240, 20)  hsl(116, 88%, 51%)  Lime
#e014f0  rgb(224, 20, 240)  hsl(296, 88%, 51%)  Fuchsia
#1424f0  rgb(20, 36, 240)  hsl(236, 88%, 51%)  Blue
#f01424  rgb(240, 20, 36)  hsl(356, 88%, 51%)  Lust