ColorTool
Entrar
#5E4A40

#5e4a40 ≈ Umber

  • marrom
  • Luminosidade: baixa
  • Saturação: suave
  • Quente
Verificar contraste Explorar no grafo Cor aleatória

#5e4a40 é uma cor da família “marrom”, com luminosidade baixa e saturação suave. No modelo RGB, é formada por 36,86% de vermelho, 29,02% de verde e 25,1% de azul; impressa em CMYK, usa 0% de ciano, 21,28% de magenta, 31,91% de amarelo e 63,14% de preto. Seu ângulo de matiz é 20°, com 18,99% de saturação e 30,98% de luminosidade em HSL. É uma cor quente, muitas vezes associada a confiabilidade, aconchego e naturalidade. Designers costumam usá-la em cafeterias e marcas de café, estilos rústicos e naturais e identidades corporativas. Texto branco sobre esta cor atinge uma razão de contraste de 8,3:1 (WCAG AAA). A cor nomeada mais próxima é Umber (#635147), ΔE 2,49.

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

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

Complementar

  1. #5e4a40
  2. #40545e

Complementar dividida

  1. #5e4a40
  2. #405e59
  3. #40455e

Análoga

  1. #5e4045
  2. #5e4a40
  3. #5e5940

Triádica

  1. #5e4a40
  2. #405e4a
  3. #4a405e

Tetrádica

  1. #5e4a40
  2. #545e40
  3. #40545e
  4. #4a405e

Quadrada

  1. #5e4a40
  2. #455e40
  3. #40545e
  4. #59405e

Monocromática

  1. #0c0a08
  2. #302621
  3. #5e4a40
  4. #8c6e5f
  5. #ae9589

Sombras

#5e4a40 misturado progressivamente com preto.

  1. #5e4a40
  2. #55433a
  3. #4b3b33
  4. #42342d
  5. #382c26
  6. #2f2520
  7. #261e1a
  8. #1c1613
  9. #130f0d
  10. #090706
  11. #000000

Matizes claros

#5e4a40 misturado progressivamente com branco.

  1. #5e4a40
  2. #6e5c53
  3. #7e6e66
  4. #8e8079
  5. #9e928c
  6. #afa5a0
  7. #bfb7b3
  8. #cfc9c6
  9. #dfdbd9
  10. #efedec
  11. #ffffff

Tons

#5e4a40 misturado progressivamente com cinza.

  1. #5e4a40
  2. #614f46
  3. #65554d
  4. #685a53
  5. #6c605a
  6. #6f6560
  7. #726a66
  8. #76706d
  9. #797573
  10. #7d7b7a
  11. #808080

Texto legível 8.3:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Texto legível 2.53:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Acromatopsia #4e4e4e ≈ 0.003% dos homens
Acromatomalia #554d49 ≈ 0.001% dos homens
Protanopia #4f4c3f ≈ 1.01% dos homens
Deuteranopia #545040 ≈ 1.27% dos homens
Tritanopia #644747 ≈ 0.0001% dos homens
Protanomalia #554b40 ≈ 1.08% dos homens
Deuteranomalia #584e40 ≈ 4.63% dos homens
Tritanomalia #614844 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-5e4a40 {
  color: #5e4a40;
}
Fundo
.bg-5e4a40 {
  background-color: #5e4a40;
  color: #ffffff;
}
Borda
.border-5e4a40 {
  border: 2px solid #5e4a40;
}
Variáveis CSS
:root {
  --color-primary: #5e4a40;
  --color-primary-rgb: 94 74 64;
  --color-primary-hsl: 20 19% 31%;
}
Degradê
.gradient-5e4a40 {
  background: linear-gradient(135deg, #5e4a40, #5e5940);
}
Sombra colorida
.shadow-5e4a40 {
  box-shadow: 0 8px 24px rgb(94 74 64 / 0.35);
}

#635147 Umber ΔE 2.49 #674c47 Liver ΔE 4.67 #645452 Wenge ΔE 5.52 #483c32 Taupe ΔE 6.62 #6f4e37 Coffee ΔE 6.80 #3d2b1f Bistre ΔE 10.44 #555555 Davy's Gray ΔE 10.75 #a1b5bf Invertida #4e4e4e Escala de cinza 

Umber
#5e4a40  rgb(94, 74, 64)  hsl(20, 19%, 31%)  Umber
#40545e  rgb(64, 84, 94)  hsl(200, 19%, 31%)  Charcoal
#405e4a  rgb(64, 94, 74)  hsl(140, 19%, 31%)  Hunter Green
#4a405e  rgb(74, 64, 94)  hsl(260, 19%, 31%)  Eggplant