ColorTool
Entrar
#84500A

#84500a ≈ Sepia

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

#84500a é uma cor da família “marrom”, com luminosidade baixa e saturação moderada. No modelo RGB, é formada por 51,76% de vermelho, 31,37% de verde e 3,92% de azul; impressa em CMYK, usa 0% de ciano, 39,39% de magenta, 92,42% de amarelo e 48,24% de preto. Seu ângulo de matiz é 34,43°, com 85,92% de saturação e 27,84% 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 marcas de luxo. Texto branco sobre esta cor atinge uma razão de contraste de 6,7:1 (WCAG AA). A cor nomeada mais próxima é Sepia (#704214), ΔE 6,65.

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

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

Complementar

  1. #84500a
  2. #0a3e84

Complementar dividida

  1. #84500a
  2. #0a7b84
  3. #130a84

Análoga

  1. #84130a
  2. #84500a
  3. #7b840a

Triádica

  1. #84500a
  2. #0a8450
  3. #500a84

Tetrádica

  1. #84500a
  2. #3e840a
  3. #0a3e84
  4. #500a84

Quadrada

  1. #84500a
  2. #0a8413
  3. #0a3e84
  4. #840a7b

Monocromática

  1. #130b01
  2. #3d2505
  3. #84500a
  4. #cb7b0f
  5. #f0a137

Sombras

#84500a misturado progressivamente com preto.

  1. #84500a
  2. #774809
  3. #6a4008
  4. #5c3807
  5. #4f3006
  6. #422805
  7. #352004
  8. #281803
  9. #1a1002
  10. #0d0801
  11. #000000

Matizes claros

#84500a misturado progressivamente com branco.

  1. #84500a
  2. #906223
  3. #9d733b
  4. #a98554
  5. #b5966c
  6. #c2a885
  7. #ceb99d
  8. #dacbb6
  9. #e6dcce
  10. #f3eee7
  11. #ffffff

Tons

#84500a misturado progressivamente com cinza.

  1. #84500a
  2. #845516
  3. #835a22
  4. #835e2d
  5. #826339
  6. #826845
  7. #826d51
  8. #81725d
  9. #817668
  10. #807b74
  11. #808080

Texto legível 6.7:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Texto legível 3.13:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #5c5c5c ≈ 0.003% dos homens
Acromatomalia #6e5748 ≈ 0.001% dos homens
Protanopia #615500 ≈ 1.01% dos homens
Deuteranopia #6d610c ≈ 1.27% dos homens
Tritanopia #914444 ≈ 0.0001% dos homens
Protanomalia #715301 ≈ 1.08% dos homens
Deuteranomalia #775a0b ≈ 4.63% dos homens
Tritanomalia #8c4935 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-84500a {
  color: #84500a;
}
Fundo
.bg-84500a {
  background-color: #84500a;
  color: #ffffff;
}
Borda
.border-84500a {
  border: 2px solid #84500a;
}
Variáveis CSS
:root {
  --color-primary: #84500a;
  --color-primary-rgb: 132 80 10;
  --color-primary-hsl: 34 86% 28%;
}
Degradê
.gradient-84500a {
  background: linear-gradient(135deg, #84500a, #7b840a);
}
Sombra colorida
.shadow-84500a {
  box-shadow: 0 8px 24px rgb(132 80 10 / 0.35);
}

#704214 Sepia ΔE 6.65 #80461b Russet ΔE 6.76 #8b4513 Saddle Brown ΔE 7.40 #996515 Golden Brown ΔE 7.94 #6c541e Field Drab ΔE 9.05 #826644 Raw Umber ΔE 10.83 #6f4e37 Coffee ΔE 11.12 #7baff5 Invertida #5c5c5c Escala de cinza 

Sepia
#84500a  rgb(132, 80, 10)  hsl(34, 86%, 28%)  Sepia
#0a3e84  rgb(10, 62, 132)  hsl(214, 86%, 28%)  Yale Blue
#0a8450  rgb(10, 132, 80)  hsl(154, 86%, 28%)  Sea Green
#500a84  rgb(80, 10, 132)  hsl(274, 86%, 28%)  Indigo