ColorTool
Entrar
#7EBE69

#7ebe69 ≈ Mantis

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

#7ebe69 é uma cor da família “verde”, com luminosidade média e saturação moderada. No modelo RGB, é formada por 49,41% de vermelho, 74,51% de verde e 41,18% de azul; impressa em CMYK, usa 33,68% de ciano, 0% de magenta, 44,74% de amarelo e 25,49% de preto. Seu ângulo de matiz é 105,18°, com 39,53% de saturação e 57,84% 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,46:1 (WCAG AAA). A cor nomeada mais próxima é Mantis (#74c365), ΔE 2,21.

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

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

Complementar

  1. #7ebe69
  2. #a969be

Complementar dividida

  1. #7ebe69
  2. #7e69be
  3. #be69a8

Análoga

  1. #a8be69
  2. #7ebe69
  3. #69be7e

Triádica

  1. #7ebe69
  2. #697ebe
  3. #be697e

Tetrádica

  1. #7ebe69
  2. #69bea9
  3. #a969be
  4. #be697e

Quadrada

  1. #7ebe69
  2. #69a8be
  3. #a969be
  4. #be7e69

Monocromática

  1. #39632b
  2. #579842
  3. #7ebe69
  4. #acd59e
  5. #daecd4

Sombras

#7ebe69 misturado progressivamente com preto.

  1. #7ebe69
  2. #71ab5f
  3. #659854
  4. #58854a
  5. #4c723f
  6. #3f5f35
  7. #324c2a
  8. #263920
  9. #192615
  10. #0d130b
  11. #000000

Matizes claros

#7ebe69 misturado progressivamente com branco.

  1. #7ebe69
  2. #8bc578
  3. #98cb87
  4. #a5d296
  5. #b2d8a5
  6. #bfdfb4
  7. #cbe5c3
  8. #d8ecd2
  9. #e5f2e1
  10. #f2f9f0
  11. #ffffff

Tons

#7ebe69 misturado progressivamente com cinza.

  1. #7ebe69
  2. #7eb86b
  3. #7eb26e
  4. #7fab70
  5. #7fa572
  6. #7f9f75
  7. #7f9977
  8. #7f9379
  9. #808c7b
  10. #80867e
  11. #808080

Texto legível 2.22:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 9.46:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #aeaeae ≈ 0.003% dos homens
Acromatomalia #9db597 ≈ 0.001% dos homens
Protanopia #c3b262 ≈ 1.01% dos homens
Deuteranopia #b9ac6e ≈ 1.27% dos homens
Tritanopia #7bb9aa ≈ 0.0001% dos homens
Protanomalia #acb765 ≈ 1.08% dos homens
Deuteranomalia #a5b36c ≈ 4.63% dos homens
Tritanomalia #7cbb94 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-7ebe69 {
  color: #7ebe69;
}
Fundo
.bg-7ebe69 {
  background-color: #7ebe69;
  color: #000000;
}
Borda
.border-7ebe69 {
  border: 2px solid #7ebe69;
}
Variáveis CSS
:root {
  --color-primary: #7ebe69;
  --color-primary-rgb: 126 190 105;
  --color-primary-hsl: 105 40% 58%;
}
Degradê
.gradient-7ebe69 {
  background: linear-gradient(135deg, #7ebe69, #69be7e);
}
Sombra colorida
.shadow-7ebe69 {
  box-shadow: 0 8px 24px rgb(126 190 105 / 0.35);
}

#74c365 Mantis ΔE 2.21 #93c572 Pistachio ΔE 3.36 #9ab973 Olivine ΔE 5.77 #50c878 Emerald ΔE 6.93 #87a96b Asparagus ΔE 7.19 #77dd77 Pastel Green ΔE 7.98 #8fbc8f Dark Sea Green ΔE 8.24 #814196 Invertida #aeaeae Escala de cinza 

Mantis
#7ebe69  rgb(126, 190, 105)  hsl(105, 40%, 58%)  Mantis
#a969be  rgb(169, 105, 190)  hsl(285, 40%, 58%)  Amethyst
#697ebe  rgb(105, 126, 190)  hsl(225, 40%, 58%)  Glaucous
#be697e  rgb(190, 105, 126)  hsl(345, 40%, 58%)  Rose Gold