ColorTool
Entrar
#84DE61

#84de61 ≈ Pastel Green

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

#84de61 é uma cor da família “verde”, com luminosidade alta e saturação moderada. No modelo RGB, é formada por 51,76% de vermelho, 87,06% de verde e 38,04% de azul; impressa em CMYK, usa 40,54% de ciano, 0% de magenta, 56,31% de amarelo e 12,94% de preto. Seu ângulo de matiz é 103,2°, com 65,45% de saturação e 62,55% 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 12,6:1 (WCAG AAA). A cor nomeada mais próxima é Pastel Green (#77dd77), ΔE 4,07.

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

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

Complementar

  1. #84de61
  2. #bb61de

Complementar dividida

  1. #84de61
  2. #7d61de
  3. #de61c3

Análoga

  1. #c3de61
  2. #84de61
  3. #61de7d

Triádica

  1. #84de61
  2. #6184de
  3. #de6184

Tetrádica

  1. #84de61
  2. #61debb
  3. #bb61de
  4. #de6184

Quadrada

  1. #84de61
  2. #61c3de
  3. #bb61de
  4. #de7d61

Monocromática

  1. #3b891d
  2. #56c92a
  3. #84de61
  4. #b5eba0
  5. #e7f8e0

Sombras

#84de61 misturado progressivamente com preto.

  1. #84de61
  2. #77c857
  3. #6ab24e
  4. #5c9b44
  5. #4f853a
  6. #426f31
  7. #355927
  8. #28431d
  9. #1a2c13
  10. #0d160a
  11. #000000

Matizes claros

#84de61 misturado progressivamente com branco.

  1. #84de61
  2. #90e171
  3. #9de581
  4. #a9e890
  5. #b5eba0
  6. #c2efb0
  7. #cef2c0
  8. #daf5d0
  9. #e6f8df
  10. #f3fcef
  11. #ffffff

Tons

#84de61 misturado progressivamente com cinza.

  1. #84de61
  2. #84d564
  3. #83cb67
  4. #83c26a
  5. #82b86d
  6. #82af71
  7. #82a674
  8. #819c77
  9. #81937a
  10. #80897d
  11. #808080

Texto legível 1.67:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 12.6:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #c8c8c8 ≈ 0.003% dos homens
Acromatomalia #b1d1a9 ≈ 0.001% dos homens
Protanopia #e4cd54 ≈ 1.01% dos homens
Deuteranopia #d8c66a ≈ 1.27% dos homens
Tritanopia #7fd7c2 ≈ 0.0001% dos homens
Protanomalia #c5d45a ≈ 1.08% dos homens
Deuteranomalia #bcd067 ≈ 4.63% dos homens
Tritanomalia #81daa4 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-84de61 {
  color: #84de61;
}
Fundo
.bg-84de61 {
  background-color: #84de61;
  color: #000000;
}
Borda
.border-84de61 {
  border: 2px solid #84de61;
}
Variáveis CSS
:root {
  --color-primary: #84de61;
  --color-primary-rgb: 132 222 97;
  --color-primary-hsl: 103 65% 63%;
}
Degradê
.gradient-84de61 {
  background: linear-gradient(135deg, #84de61, #61de7d);
}
Sombra colorida
.shadow-84de61 {
  box-shadow: 0 8px 24px rgb(132 222 97 / 0.35);
}

#77dd77 Pastel Green ΔE 4.07 #90ee90 Light Green ΔE 6.35 #0bda51 Malachite ΔE 7.03 #b2ec5d Inchworm ΔE 7.08 #74c365 Mantis ΔE 7.40 #32cd32 Lime Green ΔE 7.48 #93c572 Pistachio ΔE 7.97 #7b219e Invertida #c8c8c8 Escala de cinza 

Pastel Green
#84de61  rgb(132, 222, 97)  hsl(103, 65%, 63%)  Pastel Green
#bb61de  rgb(187, 97, 222)  hsl(283, 65%, 63%)  Medium Orchid
#6184de  rgb(97, 132, 222)  hsl(223, 65%, 63%)  Glaucous
#de6184  rgb(222, 97, 132)  hsl(343, 65%, 63%)  Blush