ColorTool
Entrar
#14BF53

#14bf53 ≈ Emerald

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

#14bf53 é uma cor da família “verde”, com luminosidade média e saturação forte. No modelo RGB, é formada por 7,84% de vermelho, 74,9% de verde e 32,55% de azul; impressa em CMYK, usa 89,53% de ciano, 0% de magenta, 56,54% de amarelo e 25,1% de preto. Seu ângulo de matiz é 142,11°, com 81,04% de saturação e 41,37% 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 8,61:1 (WCAG AAA). A cor nomeada mais próxima é Emerald (#50c878), ΔE 5,62.

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

Complementar

  1. #14bf53
  2. #bf1480

Complementar dividida

  1. #14bf53
  2. #a914bf
  3. #bf142a

Análoga

  1. #2abf14
  2. #14bf53
  3. #14bfa9

Triádica

  1. #14bf53
  2. #5314bf
  3. #bf5314

Tetrádica

  1. #14bf53
  2. #1480bf
  3. #bf1480
  4. #bf5314

Quadrada

  1. #14bf53
  2. #142abf
  3. #bf1480
  4. #bfa914

Monocromática

  1. #053417
  2. #0d7a35
  3. #14bf53
  4. #36ea78
  5. #7bf1a6

Sombras

#14bf53 misturado progressivamente com preto.

  1. #14bf53
  2. #12ac4b
  3. #109942
  4. #0e863a
  5. #0c7332
  6. #0a602a
  7. #084c21
  8. #063919
  9. #042611
  10. #021308
  11. #000000

Matizes claros

#14bf53 misturado progressivamente com branco.

  1. #14bf53
  2. #2cc564
  3. #43cc75
  4. #5bd287
  5. #72d998
  6. #8adfa9
  7. #a1e5ba
  8. #b9eccb
  9. #d0f2dd
  10. #e8f9ee
  11. #ffffff

Tons

#14bf53 misturado progressivamente com cinza.

  1. #14bf53
  2. #1fb958
  3. #2ab25c
  4. #34ac61
  5. #3fa665
  6. #4aa06a
  7. #55996e
  8. #609373
  9. #6a8d77
  10. #75867c
  11. #808080

Texto legível 2.44:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 8.61:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #a6a6a6 ≈ 0.003% dos homens
Acromatomalia #84b08c ≈ 0.001% dos homens
Protanopia #c1ad49 ≈ 1.01% dos homens
Deuteranopia #afa15c ≈ 1.27% dos homens
Tritanopia #00bba7 ≈ 0.0001% dos homens
Protanomalia #9ab54d ≈ 1.08% dos homens
Deuteranomalia #8cae58 ≈ 4.63% dos homens
Tritanomalia #00bd8d ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-14bf53 {
  color: #14bf53;
}
Fundo
.bg-14bf53 {
  background-color: #14bf53;
  color: #000000;
}
Borda
.border-14bf53 {
  border: 2px solid #14bf53;
}
Variáveis CSS
:root {
  --color-primary: #14bf53;
  --color-primary-rgb: 20 191 83;
  --color-primary-hsl: 142 81% 41%;
}
Degradê
.gradient-14bf53 {
  background: linear-gradient(135deg, #14bf53, #14bfa9);
}
Sombra colorida
.shadow-14bf53 {
  box-shadow: 0 8px 24px rgb(20 191 83 / 0.35);
}

#50c878 Emerald ΔE 5.62 #32cd32 Lime Green ΔE 6.37 #74c365 Mantis ΔE 6.77 #3cb371 Medium Sea Green ΔE 7.04 #0bda51 Malachite ΔE 7.14 #4cbb17 Kelly Green ΔE 7.55 #77dd77 Pastel Green ΔE 9.63 #eb40ac Invertida #a6a6a6 Escala de cinza 

Emerald
#14bf53  rgb(20, 191, 83)  hsl(142, 81%, 41%)  Emerald
#bf1480  rgb(191, 20, 128)  hsl(322, 81%, 41%)  Medium Violet Red
#5314bf  rgb(83, 20, 191)  hsl(262, 81%, 41%)  Medium Blue
#bf5314  rgb(191, 83, 20)  hsl(22, 81%, 41%)  Burnt Orange