ColorTool
Entrar
#87BC68

#87bc68 ≈ Pistachio

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

#87bc68 é uma cor da família “verde”, com luminosidade média e saturação moderada. No modelo RGB, é formada por 52,94% de vermelho, 73,73% de verde e 40,78% de azul; impressa em CMYK, usa 28,19% de ciano, 0% de magenta, 44,68% de amarelo e 26,27% de preto. Seu ângulo de matiz é 97,86°, com 38,53% de saturação e 57,25% 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 9,42:1 (WCAG AAA). A cor nomeada mais próxima é Pistachio (#93c572), ΔE 2,65.

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

Complementar

  1. #87bc68
  2. #9d68bc

Complementar dividida

  1. #87bc68
  2. #7368bc
  3. #bc68b1

Análoga

  1. #b1bc68
  2. #87bc68
  3. #68bc73

Triádica

  1. #87bc68
  2. #6887bc
  3. #bc6887

Tetrádica

  1. #87bc68
  2. #68bc9d
  3. #9d68bc
  4. #bc6887

Quadrada

  1. #87bc68
  2. #68b1bc
  3. #9d68bc
  4. #bc7368

Monocromática

  1. #3e602b
  2. #619542
  3. #87bc68
  4. #b1d49d
  5. #dbebd2

Sombras

#87bc68 misturado progressivamente com preto.

  1. #87bc68
  2. #7aa95e
  3. #6c9653
  4. #5f8449
  5. #51713e
  6. #445e34
  7. #364b2a
  8. #29381f
  9. #1b2615
  10. #0e130a
  11. #000000

Matizes claros

#87bc68 misturado progressivamente com branco.

  1. #87bc68
  2. #93c377
  3. #9fc986
  4. #abd095
  5. #b7d7a4
  6. #c3deb4
  7. #cfe4c3
  8. #dbebd2
  9. #e7f2e1
  10. #f3f8f0
  11. #ffffff

Tons

#87bc68 misturado progressivamente com cinza.

  1. #87bc68
  2. #86b66a
  3. #86b06d
  4. #85aa6f
  5. #84a472
  6. #849e74
  7. #839876
  8. #829279
  9. #818c7b
  10. #81867e
  11. #808080

Texto legível 2.23:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 9.42:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #aeaeae ≈ 0.003% dos homens
Acromatomalia #a0b497 ≈ 0.001% dos homens
Protanopia #c2b061 ≈ 1.01% dos homens
Deuteranopia #baac6d ≈ 1.27% dos homens
Tritanopia #87b6a8 ≈ 0.0001% dos homens
Protanomalia #adb564 ≈ 1.08% dos homens
Deuteranomalia #a8b36b ≈ 4.63% dos homens
Tritanomalia #87b993 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-87bc68 {
  color: #87bc68;
}
Fundo
.bg-87bc68 {
  background-color: #87bc68;
  color: #000000;
}
Borda
.border-87bc68 {
  border: 2px solid #87bc68;
}
Variáveis CSS
:root {
  --color-primary: #87bc68;
  --color-primary-rgb: 135 188 104;
  --color-primary-hsl: 98 39% 57%;
}
Degradê
.gradient-87bc68 {
  background: linear-gradient(135deg, #87bc68, #68bc73);
}
Sombra colorida
.shadow-87bc68 {
  box-shadow: 0 8px 24px rgb(135 188 104 / 0.35);
}

#93c572 Pistachio ΔE 2.65 #74c365 Mantis ΔE 3.72 #9ab973 Olivine ΔE 4.23 #87a96b Asparagus ΔE 6.26 #8fbc8f Dark Sea Green ΔE 8.20 #50c878 Emerald ΔE 8.61 #77dd77 Pastel Green ΔE 9.04 #784397 Invertida #aeaeae Escala de cinza 

Pistachio
#87bc68  rgb(135, 188, 104)  hsl(98, 39%, 57%)  Pistachio
#9d68bc  rgb(157, 104, 188)  hsl(278, 39%, 57%)  Amethyst
#6887bc  rgb(104, 135, 188)  hsl(218, 39%, 57%)  Glaucous
#bc6887  rgb(188, 104, 135)  hsl(338, 39%, 57%)  Turkish Rose