ColorTool
Entrar
#50BF6C

#50bf6c ≈ Emerald

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

#50bf6c é uma cor da família “verde”, com luminosidade média e saturação moderada. No modelo RGB, é formada por 31,37% de vermelho, 74,9% de verde e 42,35% de azul; impressa em CMYK, usa 58,12% de ciano, 0% de magenta, 43,46% de amarelo e 25,1% de preto. Seu ângulo de matiz é 135,14°, com 46,44% de saturação e 53,14% 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,01:1 (WCAG AAA). A cor nomeada mais próxima é Emerald (#50c878), ΔE 2,59.

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

Complementar

  1. #50bf6c
  2. #bf50a3

Complementar dividida

  1. #50bf6c
  2. #a450bf
  3. #bf506c

Análoga

  1. #6cbf50
  2. #50bf6c
  3. #50bfa4

Triádica

  1. #50bf6c
  2. #6c50bf
  3. #bf6c50

Tetrádica

  1. #50bf6c
  2. #50a3bf
  3. #bf50a3
  4. #bf6c50

Quadrada

  1. #50bf6c
  2. #506cbf
  3. #bf50a3
  4. #bfa450

Monocromática

  1. #20562d
  2. #348e4b
  3. #50bf6c
  4. #88d39b
  5. #c0e8ca

Sombras

#50bf6c misturado progressivamente com preto.

  1. #50bf6c
  2. #48ac61
  3. #409956
  4. #38864c
  5. #307341
  6. #286036
  7. #204c2b
  8. #183920
  9. #102616
  10. #08130b
  11. #000000

Matizes claros

#50bf6c misturado progressivamente com branco.

  1. #50bf6c
  2. #62c57b
  3. #73cc89
  4. #85d298
  5. #96d9a7
  6. #a8dfb6
  7. #b9e5c4
  8. #cbecd3
  9. #dcf2e2
  10. #eef9f0
  11. #ffffff

Tons

#50bf6c misturado progressivamente com cinza.

  1. #50bf6c
  2. #55b96e
  3. #5ab270
  4. #5eac72
  5. #63a674
  6. #68a076
  7. #6d9978
  8. #72937a
  9. #768d7c
  10. #7b867e
  11. #808080

Texto legível 2.33:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 9.01:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #aaaaaa ≈ 0.003% dos homens
Acromatomalia #8eb395 ≈ 0.001% dos homens
Protanopia #c0b066 ≈ 1.01% dos homens
Deuteranopia #b2a672 ≈ 1.27% dos homens
Tritanopia #34bcab ≈ 0.0001% dos homens
Protanomalia #a0b668 ≈ 1.08% dos homens
Deuteranomalia #94b06f ≈ 4.63% dos homens
Tritanomalia #41bd96 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-50bf6c {
  color: #50bf6c;
}
Fundo
.bg-50bf6c {
  background-color: #50bf6c;
  color: #000000;
}
Borda
.border-50bf6c {
  border: 2px solid #50bf6c;
}
Variáveis CSS
:root {
  --color-primary: #50bf6c;
  --color-primary-rgb: 80 191 108;
  --color-primary-hsl: 135 46% 53%;
}
Degradê
.gradient-50bf6c {
  background: linear-gradient(135deg, #50bf6c, #50bfa4);
}
Sombra colorida
.shadow-50bf6c {
  box-shadow: 0 8px 24px rgb(80 191 108 / 0.35);
}

#50c878 Emerald ΔE 2.59 #3cb371 Medium Sea Green ΔE 4.75 #74c365 Mantis ΔE 4.89 #77dd77 Pastel Green ΔE 8.41 #00a86b Jade ΔE 8.70 #93c572 Pistachio ΔE 8.73 #0bda51 Malachite ΔE 8.86 #af4093 Invertida #aaaaaa Escala de cinza 

Emerald
#50bf6c  rgb(80, 191, 108)  hsl(135, 46%, 53%)  Emerald
#bf50a3  rgb(191, 80, 163)  hsl(315, 46%, 53%)  Mulberry
#6c50bf  rgb(108, 80, 191)  hsl(255, 46%, 53%)  Slate Blue
#bf6c50  rgb(191, 108, 80)  hsl(15, 46%, 53%)  Terra Cotta