ColorTool
Entrar
#00C457

#00c457 ≈ Emerald

  • verde
  • Luminosidade: baixa
  • Saturação: vívida
  • Equilibrada
Verificar contraste Explorar no grafo Cor aleatória

#00c457 é uma cor da família “verde”, com luminosidade baixa e saturação vívida. No modelo RGB, é formada por 0% de vermelho, 76,86% de verde e 34,12% de azul; impressa em CMYK, usa 100% de ciano, 0% de magenta, 55,61% de amarelo e 23,14% de preto. Seu ângulo de matiz é 146,63°, com 100% de saturação e 38,43% 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,03:1 (WCAG AAA). A cor nomeada mais próxima é Emerald (#50c878), ΔE 5,13.

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

Complementar

  1. #00c457
  2. #c4006d

Complementar dividida

  1. #00c457
  2. #b900c4
  3. #c4000b

Análoga

  1. #0bc400
  2. #00c457
  3. #00c4b9

Triádica

  1. #00c457
  2. #5700c4
  3. #c45700

Tetrádica

  1. #00c457
  2. #006dc4
  3. #c4006d
  4. #c45700

Quadrada

  1. #00c457
  2. #000bc4
  3. #c4006d
  4. #c4b900

Monocromática

  1. #002b13
  2. #007735
  3. #00c457
  4. #11ff7b
  5. #5effa5

Sombras

#00c457 misturado progressivamente com preto.

  1. #00c457
  2. #00b04e
  3. #009d46
  4. #00893d
  5. #007634
  6. #00622c
  7. #004e23
  8. #003b1a
  9. #002711
  10. #001409
  11. #000000

Matizes claros

#00c457 misturado progressivamente com branco.

  1. #00c457
  2. #1aca68
  3. #33d079
  4. #4dd689
  5. #66dc9a
  6. #80e2ab
  7. #99e7bc
  8. #b3edcd
  9. #ccf3dd
  10. #e6f9ee
  11. #ffffff

Tons

#00c457 misturado progressivamente com cinza.

  1. #00c457
  2. #0dbd5b
  3. #1ab65f
  4. #26b063
  5. #33a967
  6. #40a26c
  7. #4d9b70
  8. #5a9474
  9. #668e78
  10. #73877c
  11. #808080

Texto legível 2.32:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 9.03:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #aaaaaa ≈ 0.003% dos homens
Acromatomalia #87b590 ≈ 0.001% dos homens
Protanopia #c5b24d ≈ 1.01% dos homens
Deuteranopia #b3a560 ≈ 1.27% dos homens
Tritanopia #00c0ac ≈ 0.0001% dos homens
Protanomalia #9db951 ≈ 1.08% dos homens
Deuteranomalia #8eb25c ≈ 4.63% dos homens
Tritanomalia #00c291 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-00c457 {
  color: #00c457;
}
Fundo
.bg-00c457 {
  background-color: #00c457;
  color: #000000;
}
Borda
.border-00c457 {
  border: 2px solid #00c457;
}
Variáveis CSS
:root {
  --color-primary: #00c457;
  --color-primary-rgb: 0 196 87;
  --color-primary-hsl: 147 100% 38%;
}
Degradê
.gradient-00c457 {
  background: linear-gradient(135deg, #00c457, #00c4b9);
}
Sombra colorida
.shadow-00c457 {
  box-shadow: 0 8px 24px rgb(0 196 87 / 0.35);
}

#50c878 Emerald ΔE 5.13 #32cd32 Lime Green ΔE 5.97 #0bda51 Malachite ΔE 6.04 #74c365 Mantis ΔE 6.84 #3cb371 Medium Sea Green ΔE 7.59 #4cbb17 Kelly Green ΔE 8.08 #77dd77 Pastel Green ΔE 8.77 #ff3ba8 Invertida #aaaaaa Escala de cinza 

Emerald
#00c457  rgb(0, 196, 87)  hsl(147, 100%, 38%)  Emerald
#c4006d  rgb(196, 0, 109)  hsl(327, 100%, 38%)  Medium Violet Red
#5700c4  rgb(87, 0, 196)  hsl(267, 100%, 38%)  Medium Blue
#c45700  rgb(196, 87, 0)  hsl(27, 100%, 38%)  Burnt Orange