ColorTool
Entrar
#8F4724

#8f4724 ≈ Saddle Brown

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

#8f4724 é uma cor da família “marrom”, com luminosidade baixa e saturação moderada. No modelo RGB, é formada por 56,08% de vermelho, 27,84% de verde e 14,12% de azul; impressa em CMYK, usa 0% de ciano, 50,35% de magenta, 74,83% de amarelo e 43,92% de preto. Seu ângulo de matiz é 19,63°, com 59,78% de saturação e 35,1% 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 detalhes de marca. Texto branco sobre esta cor atinge uma razão de contraste de 6,79:1 (WCAG AA). A cor nomeada mais próxima é Saddle Brown (#8b4513), ΔE 3,97.

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

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

Complementar

  1. #8f4724
  2. #246c8f

Complementar dividida

  1. #8f4724
  2. #248f7d
  3. #24368f

Análoga

  1. #8f2436
  2. #8f4724
  3. #8f7d24

Triádica

  1. #8f4724
  2. #248f47
  3. #47248f

Tetrádica

  1. #8f4724
  2. #6c8f24
  3. #246c8f
  4. #47248f

Quadrada

  1. #8f4724
  2. #368f24
  3. #246c8f
  4. #7d248f

Monocromática

  1. #150a05
  2. #522915
  3. #8f4724
  4. #cc6534
  5. #db9471

Sombras

#8f4724 misturado progressivamente com preto.

  1. #8f4724
  2. #814020
  3. #72391d
  4. #643219
  5. #562b16
  6. #482412
  7. #391c0e
  8. #2b150b
  9. #1d0e07
  10. #0e0704
  11. #000000

Matizes claros

#8f4724 misturado progressivamente com branco.

  1. #8f4724
  2. #9a593a
  3. #a56c50
  4. #b17e66
  5. #bc917c
  6. #c7a392
  7. #d2b5a7
  8. #ddc8bd
  9. #e9dad3
  10. #f4ede9
  11. #ffffff

Tons

#8f4724 misturado progressivamente com cinza.

  1. #8f4724
  2. #8e4d2d
  3. #8c5236
  4. #8b5840
  5. #895e49
  6. #886452
  7. #86695b
  8. #856f64
  9. #83756e
  10. #827a77
  11. #808080

Texto legível 6.79:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Texto legível 3.09:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #5b5b5b ≈ 0.003% dos homens
Acromatomalia #73544b ≈ 0.001% dos homens
Protanopia #5b5120 ≈ 1.01% dos homens
Deuteranopia #6c6123 ≈ 1.27% dos homens
Tritanopia #9d383f ≈ 0.0001% dos homens
Protanomalia #734d22 ≈ 1.08% dos homens
Deuteranomalia #7c5823 ≈ 4.63% dos homens
Tritanomalia #983f36 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-8f4724 {
  color: #8f4724;
}
Fundo
.bg-8f4724 {
  background-color: #8f4724;
  color: #ffffff;
}
Borda
.border-8f4724 {
  border: 2px solid #8f4724;
}
Variáveis CSS
:root {
  --color-primary: #8f4724;
  --color-primary-rgb: 143 71 36;
  --color-primary-hsl: 20 60% 35%;
}
Degradê
.gradient-8f4724 {
  background: linear-gradient(135deg, #8f4724, #8f7d24);
}
Sombra colorida
.shadow-8f4724 {
  box-shadow: 0 8px 24px rgb(143 71 36 / 0.35);
}

#8b4513 Saddle Brown ΔE 3.97 #a0522d Sienna ΔE 4.64 #80461b Russet ΔE 4.90 #954535 Chestnut ΔE 6.63 #882d17 Kobe ΔE 7.60 #8a3324 Burnt Umber ΔE 7.99 #b7410e Rust ΔE 8.64 #70b8db Invertida #5b5b5b Escala de cinza 

Saddle Brown
#8f4724  rgb(143, 71, 36)  hsl(20, 60%, 35%)  Saddle Brown
#246c8f  rgb(36, 108, 143)  hsl(200, 60%, 35%)  Sea Blue
#248f47  rgb(36, 143, 71)  hsl(140, 60%, 35%)  Sea Green
#47248f  rgb(71, 36, 143)  hsl(260, 60%, 35%)  Persian Indigo