ColorTool
Entrar
#16C86D

#16c86d ≈ Emerald

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

#16c86d é uma cor da família “verde”, com luminosidade média e saturação forte. No modelo RGB, é formada por 8,63% de vermelho, 78,43% de verde e 42,75% de azul; impressa em CMYK, usa 89% de ciano, 0% de magenta, 45,5% de amarelo e 21,57% de preto. Seu ângulo de matiz é 149,33°, com 80,18% de saturação e 43,53% 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 9,52:1 (WCAG AAA). A cor nomeada mais próxima é Emerald (#50c878), ΔE 2,94.

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

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

Complementar

  1. #16c86d
  2. #c81671

Complementar dividida

  1. #16c86d
  2. #c616c8
  3. #c81618

Análoga

  1. #18c816
  2. #16c86d
  3. #16c8c6

Triádica

  1. #16c86d
  2. #6d16c8
  3. #c86d16

Tetrádica

  1. #16c86d
  2. #1671c8
  3. #c81671
  4. #c86d16

Quadrada

  1. #16c86d
  2. #1618c8
  3. #c81671
  4. #c8c616

Monocromática

  1. #073e22
  2. #0e8347
  3. #16c86d
  4. #40ea93
  5. #85f2ba

Sombras

#16c86d misturado progressivamente com preto.

  1. #16c86d
  2. #14b462
  3. #12a057
  4. #0f8c4c
  5. #0d7841
  6. #0b6437
  7. #09502c
  8. #073c21
  9. #042816
  10. #02140b
  11. #000000

Matizes claros

#16c86d misturado progressivamente com branco.

  1. #16c86d
  2. #2dce7c
  3. #45d38a
  4. #5cd999
  5. #73dea7
  6. #8be4b6
  7. #a2e9c5
  8. #b9efd3
  9. #d0f4e2
  10. #e8faf0
  11. #ffffff

Tons

#16c86d misturado progressivamente com cinza.

  1. #16c86d
  2. #21c16f
  3. #2bba71
  4. #36b273
  5. #40ab75
  6. #4ba477
  7. #569d78
  8. #60967a
  9. #6b8e7c
  10. #75877e
  11. #808080

Texto legível 2.21:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 9.52:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #aeaeae ≈ 0.003% dos homens
Acromatomalia #8bb999 ≈ 0.001% dos homens
Protanopia #c8b666 ≈ 1.01% dos homens
Deuteranopia #b6a973 ≈ 1.27% dos homens
Tritanopia #00c5b2 ≈ 0.0001% dos homens
Protanomalia #a0be69 ≈ 1.08% dos homens
Deuteranomalia #91b671 ≈ 4.63% dos homens
Tritanomalia #00c69b ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-16c86d {
  color: #16c86d;
}
Fundo
.bg-16c86d {
  background-color: #16c86d;
  color: #000000;
}
Borda
.border-16c86d {
  border: 2px solid #16c86d;
}
Variáveis CSS
:root {
  --color-primary: #16c86d;
  --color-primary-rgb: 22 200 109;
  --color-primary-hsl: 149 80% 44%;
}
Degradê
.gradient-16c86d {
  background: linear-gradient(135deg, #16c86d, #16c8c6);
}
Sombra colorida
.shadow-16c86d {
  box-shadow: 0 8px 24px rgb(22 200 109 / 0.35);
}

#50c878 Emerald ΔE 2.94 #3cb371 Medium Sea Green ΔE 6.47 #0bda51 Malachite ΔE 7.01 #74c365 Mantis ΔE 7.30 #77dd77 Pastel Green ΔE 8.24 #32cd32 Lime Green ΔE 8.34 #00cc99 Caribbean Green ΔE 8.38 #e93792 Invertida #aeaeae Escala de cinza 

Emerald
#16c86d  rgb(22, 200, 109)  hsl(149, 80%, 44%)  Emerald
#c81671  rgb(200, 22, 113)  hsl(329, 80%, 44%)  Telemagenta
#6d16c8  rgb(109, 22, 200)  hsl(269, 80%, 44%)  Dark Violet
#c86d16  rgb(200, 109, 22)  hsl(29, 80%, 44%)  Ochre