ColorTool
Entrar
#64ED5F

#64ed5f ≈ Pastel Green

  • verde
  • Luminosidade: alta
  • Saturação: forte
  • Equilibrada
Verificar contraste Explorar no grafo Cor aleatória

#64ed5f é uma cor da família “verde”, com luminosidade alta e saturação forte. No modelo RGB, é formada por 39,22% de vermelho, 92,94% de verde e 37,25% de azul; impressa em CMYK, usa 57,81% de ciano, 0% de magenta, 59,92% de amarelo e 7,06% de preto. Seu ângulo de matiz é 117,89°, com 79,78% de saturação e 65,1% 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 detalhes de marca. Texto preto sobre esta cor atinge uma razão de contraste de 13,82:1 (WCAG AAA). A cor nomeada mais próxima é Pastel Green (#77dd77), ΔE 5,52.

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

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

Complementar

  1. #64ed5f
  2. #e85fed

Complementar dividida

  1. #64ed5f
  2. #a15fed
  3. #ed5fab

Análoga

  1. #abed5f
  2. #64ed5f
  3. #5feda1

Triádica

  1. #64ed5f
  2. #5f64ed
  3. #ed5f64

Tetrádica

  1. #64ed5f
  2. #5fede8
  3. #e85fed
  4. #ed5f64

Quadrada

  1. #64ed5f
  2. #5fabed
  3. #e85fed
  4. #eda15f

Monocromática

  1. #17a112
  2. #21e51a
  3. #64ed5f
  4. #a7f5a4
  5. #e9fce9

Sombras

#64ed5f misturado progressivamente com preto.

  1. #64ed5f
  2. #5ad556
  3. #50be4c
  4. #46a643
  5. #3c8e39
  6. #327730
  7. #285f26
  8. #1e471d
  9. #142f13
  10. #0a180a
  11. #000000

Matizes claros

#64ed5f misturado progressivamente com branco.

  1. #64ed5f
  2. #74ef6f
  3. #83f17f
  4. #93f28f
  5. #a2f49f
  6. #b2f6af
  7. #c1f8bf
  8. #d1facf
  9. #e0fbdf
  10. #f0fdef
  11. #ffffff

Tons

#64ed5f misturado progressivamente com cinza.

  1. #64ed5f
  2. #67e262
  3. #6ad766
  4. #6ccc69
  5. #6fc16c
  6. #72b770
  7. #75ac73
  8. #78a176
  9. #7a9679
  10. #7d8b7d
  11. #808080

Texto legível 1.52:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 13.82:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #d2d2d2 ≈ 0.003% dos homens
Acromatomalia #b0ddaf ≈ 0.001% dos homens
Protanopia #f2d94f ≈ 1.01% dos homens
Deuteranopia #e1cd6b ≈ 1.27% dos homens
Tritanopia #4de6cf ≈ 0.0001% dos homens
Protanomalia #c9e156 ≈ 1.08% dos homens
Deuteranomalia #bcdb66 ≈ 4.63% dos homens
Tritanomalia #57e9ad ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-64ed5f {
  color: #64ed5f;
}
Fundo
.bg-64ed5f {
  background-color: #64ed5f;
  color: #000000;
}
Borda
.border-64ed5f {
  border: 2px solid #64ed5f;
}
Variáveis CSS
:root {
  --color-primary: #64ed5f;
  --color-primary-rgb: 100 237 95;
  --color-primary-hsl: 118 80% 65%;
}
Degradê
.gradient-64ed5f {
  background: linear-gradient(135deg, #64ed5f, #5feda1);
}
Sombra colorida
.shadow-64ed5f {
  box-shadow: 0 8px 24px rgb(100 237 95 / 0.35);
}

#77dd77 Pastel Green ΔE 5.52 #0bda51 Malachite ΔE 5.76 #00ff7f Spring Green ΔE 6.19 #39ff14 Neon Green ΔE 6.48 #90ee90 Light Green ΔE 6.52 #00ff00 Lime ΔE 6.74 #3fff00 Harlequin ΔE 6.78 #9b12a0 Invertida #d2d2d2 Escala de cinza 

Pastel Green
#64ed5f  rgb(100, 237, 95)  hsl(118, 80%, 65%)  Pastel Green
#e85fed  rgb(232, 95, 237)  hsl(298, 80%, 65%)  Heliotrope
#5f64ed  rgb(95, 100, 237)  hsl(238, 80%, 65%)  Ultramarine Blue
#ed5f64  rgb(237, 95, 100)  hsl(358, 80%, 65%)  Neon Fuchsia