ColorTool
Entrar
#5F4F39

#5f4f39 ≈ Umber

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

#5f4f39 é uma cor da família “marrom”, com luminosidade baixa e saturação suave. No modelo RGB, é formada por 37,25% de vermelho, 30,98% de verde e 22,35% de azul; impressa em CMYK, usa 0% de ciano, 16,84% de magenta, 40% de amarelo e 62,75% de preto. Seu ângulo de matiz é 34,74°, com 25% de saturação e 29,8% 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 7,88:1 (WCAG AAA). A cor nomeada mais próxima é Umber (#635147), ΔE 6,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#666633
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binário
Decimal
Luminância relativa0.0832

Complementar

  1. #5f4f39
  2. #39495f

Complementar dividida

  1. #5f4f39
  2. #395c5f
  3. #3c395f

Análoga

  1. #5f3c39
  2. #5f4f39
  3. #5c5f39

Triádica

  1. #5f4f39
  2. #395f4f
  3. #4f395f

Tetrádica

  1. #5f4f39
  2. #495f39
  3. #39495f
  4. #4f395f

Quadrada

  1. #5f4f39
  2. #395f3c
  3. #39495f
  4. #5f395c

Monocromática

  1. #0d0b08
  2. #2f271c
  3. #5f4f39
  4. #8f7756
  5. #b29d7f

Sombras

#5f4f39 misturado progressivamente com preto.

  1. #5f4f39
  2. #564733
  3. #4c3f2e
  4. #433728
  5. #392f22
  6. #30281d
  7. #262017
  8. #1d1811
  9. #13100b
  10. #0a0806
  11. #000000

Matizes claros

#5f4f39 misturado progressivamente com branco.

  1. #5f4f39
  2. #6f614d
  3. #7f7261
  4. #8f8474
  5. #9f9588
  6. #afa79c
  7. #bfb9b0
  8. #cfcac4
  9. #dfdcd7
  10. #efedeb
  11. #ffffff

Tons

#5f4f39 misturado progressivamente com cinza.

  1. #5f4f39
  2. #625440
  3. #665947
  4. #695e4e
  5. #6c6355
  6. #70685d
  7. #736c64
  8. #76716b
  9. #797672
  10. #7d7b79
  11. #808080

Texto legível 7.88:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Texto legível 2.66:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Acromatopsia #515151 ≈ 0.003% dos homens
Acromatomalia #575049 ≈ 0.001% dos homens
Protanopia #554f37 ≈ 1.01% dos homens
Deuteranopia #59533a ≈ 1.27% dos homens
Tritanopia #654b49 ≈ 0.0001% dos homens
Protanomalia #594f38 ≈ 1.08% dos homens
Deuteranomalia #5b5139 ≈ 4.63% dos homens
Tritanomalia #634c43 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-5f4f39 {
  color: #5f4f39;
}
Fundo
.bg-5f4f39 {
  background-color: #5f4f39;
  color: #ffffff;
}
Borda
.border-5f4f39 {
  border: 2px solid #5f4f39;
}
Variáveis CSS
:root {
  --color-primary: #5f4f39;
  --color-primary-rgb: 95 79 57;
  --color-primary-hsl: 35 25% 30%;
}
Degradê
.gradient-5f4f39 {
  background: linear-gradient(135deg, #5f4f39, #5c5f39);
}
Sombra colorida
.shadow-5f4f39 {
  box-shadow: 0 8px 24px rgb(95 79 57 / 0.35);
}

#635147 Umber ΔE 6.49 #6f4e37 Coffee ΔE 7.68 #483c32 Taupe ΔE 8.27 #6c541e Field Drab ΔE 9.17 #826644 Raw Umber ΔE 10.46 #645452 Wenge ΔE 10.76 #674c47 Liver ΔE 11.53 #a0b0c6 Invertida #515151 Escala de cinza 

Umber
#5f4f39  rgb(95, 79, 57)  hsl(35, 25%, 30%)  Umber
#39495f  rgb(57, 73, 95)  hsl(215, 25%, 30%)  Charcoal
#395f4f  rgb(57, 95, 79)  hsl(155, 25%, 30%)  Hunter Green
#4f395f  rgb(79, 57, 95)  hsl(275, 25%, 30%)  Eggplant