ColorTool
Entrar
#3C5F54

#3c5f54 ≈ Feldgrau

  • verde-azulado
  • Luminosidade: baixa
  • Saturação: suave
  • Equilibrada
Verificar contraste Explorar no grafo Cor aleatória

#3c5f54 é uma cor da família “verde-azulado”, com luminosidade baixa e saturação suave. No modelo RGB, é formada por 23,53% de vermelho, 37,25% de verde e 32,94% de azul; impressa em CMYK, usa 36,84% de ciano, 0% de magenta, 11,58% de amarelo e 62,75% de preto. Seu ângulo de matiz é 161,14°, com 22,58% de saturação e 30,39% de luminosidade em HSL. Fica entre quente e fria e é muitas vezes associada a clareza, calma e renovação. Designers costumam usá-la em saúde e bem-estar, produtos de tecnologia e identidades corporativas. Texto branco sobre esta cor atinge uma razão de contraste de 7,1:1 (WCAG AAA). A cor nomeada mais próxima é Feldgrau (#4d5d53), ΔE 6,01.

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

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

Complementar

  1. #3c5f54
  2. #5f3c47

Complementar dividida

  1. #3c5f54
  2. #5f3c58
  3. #5f423c

Análoga

  1. #3c5f42
  2. #3c5f54
  3. #3c585f

Triádica

  1. #3c5f54
  2. #543c5f
  3. #5f543c

Tetrádica

  1. #3c5f54
  2. #3c475f
  3. #5f3c47
  4. #5f543c

Quadrada

  1. #3c5f54
  2. #423c5f
  3. #5f3c47
  4. #585f3c

Monocromática

  1. #080d0b
  2. #1e302b
  3. #3c5f54
  4. #5a8e7d
  5. #83b1a2

Sombras

#3c5f54 misturado progressivamente com preto.

  1. #3c5f54
  2. #36564c
  3. #304c43
  4. #2a433b
  5. #243932
  6. #1e302a
  7. #182622
  8. #121d19
  9. #0c1311
  10. #060a08
  11. #000000

Matizes claros

#3c5f54 misturado progressivamente com branco.

  1. #3c5f54
  2. #506f65
  3. #637f76
  4. #778f87
  5. #8a9f98
  6. #9eafaa
  7. #b1bfbb
  8. #c5cfcc
  9. #d8dfdd
  10. #ecefee
  11. #ffffff

Tons

#3c5f54 misturado progressivamente com cinza.

  1. #3c5f54
  2. #436258
  3. #4a665d
  4. #506961
  5. #576c66
  6. #5e706a
  7. #65736e
  8. #6c7673
  9. #727977
  10. #797d7c
  11. #808080

Texto legível 7.1:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Texto legível 2.96:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Acromatopsia #585858 ≈ 0.003% dos homens
Acromatomalia #4e5b56 ≈ 0.001% dos homens
Protanopia #5d5b54 ≈ 1.01% dos homens
Deuteranopia #575655 ≈ 1.27% dos homens
Tritanopia #32605c ≈ 0.0001% dos homens
Protanomalia #525c54 ≈ 1.08% dos homens
Deuteranomalia #4d5a54 ≈ 4.63% dos homens
Tritanomalia #365f59 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-3c5f54 {
  color: #3c5f54;
}
Fundo
.bg-3c5f54 {
  background-color: #3c5f54;
  color: #ffffff;
}
Borda
.border-3c5f54 {
  border: 2px solid #3c5f54;
}
Variáveis CSS
:root {
  --color-primary: #3c5f54;
  --color-primary-rgb: 60 95 84;
  --color-primary-hsl: 161 23% 30%;
}
Degradê
.gradient-3c5f54 {
  background: linear-gradient(135deg, #3c5f54, #3c585f);
}
Sombra colorida
.shadow-3c5f54 {
  box-shadow: 0 8px 24px rgb(60 95 84 / 0.35);
}

#4d5d53 Feldgrau ΔE 6.01 #2f4f4f Dark Slate Gray ΔE 7.52 #2f4f4f Dark Slate Grey ΔE 7.52 #355e3b Hunter Green ΔE 8.94 #317873 Myrtle Green ΔE 10.17 #00755e Tropical Rain Forest ΔE 10.88 #444c38 Rifle Green ΔE 11.12 #c3a0ab Invertida #585858 Escala de cinza 

Feldgrau
#3c5f54  rgb(60, 95, 84)  hsl(161, 23%, 30%)  Feldgrau
#5f3c47  rgb(95, 60, 71)  hsl(341, 23%, 30%)  Eggplant
#543c5f  rgb(84, 60, 95)  hsl(281, 23%, 30%)  Eggplant
#5f543c  rgb(95, 84, 60)  hsl(41, 23%, 30%)  Umber