ColorTool
Entrar
#9B523C

#9b523c ≈ Chestnut

  • laranja
  • Luminosidade: média
  • Saturação: moderada
  • Quente
Verificar contraste Explorar no grafo Cor aleatória

#9b523c é uma cor da família “laranja”, com luminosidade média e saturação moderada. No modelo RGB, é formada por 60,78% de vermelho, 32,16% de verde e 23,53% de azul; impressa em CMYK, usa 0% de ciano, 47,1% de magenta, 61,29% de amarelo e 39,22% de preto. Seu ângulo de matiz é 13,89°, com 44,19% de saturação e 42,16% de luminosidade em HSL. É uma cor quente, muitas vezes associada a entusiasmo, calor e criatividade. Designers costumam usá-la em botões de chamada para ação, marcas de alimentos e restaurantes e detalhes de marca. Texto branco sobre esta cor atinge uma razão de contraste de 5,73:1 (WCAG AA). A cor nomeada mais próxima é Chestnut (#954535), ΔE 4,25.

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

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

Complementar

  1. #9b523c
  2. #3c859b

Complementar dividida

  1. #9b523c
  2. #3c9b82
  3. #3c569b

Análoga

  1. #9b3c56
  2. #9b523c
  3. #9b823c

Triádica

  1. #9b523c
  2. #3c9b52
  3. #523c9b

Tetrádica

  1. #9b523c
  2. #859b3c
  3. #3c859b
  4. #523c9b

Quadrada

  1. #9b523c
  2. #569b3c
  3. #3c859b
  4. #823c9b

Monocromática

  1. #2d1811
  2. #643527
  3. #9b523c
  4. #c27861
  5. #d7a799

Sombras

#9b523c misturado progressivamente com preto.

  1. #9b523c
  2. #8c4a36
  3. #7c4230
  4. #6d392a
  5. #5d3124
  6. #4e291e
  7. #3e2118
  8. #2f1912
  9. #1f100c
  10. #100806
  11. #000000

Matizes claros

#9b523c misturado progressivamente com branco.

  1. #9b523c
  2. #a56350
  3. #af7563
  4. #b98677
  5. #c3978a
  6. #cda99e
  7. #d7bab1
  8. #e1cbc5
  9. #ebdcd8
  10. #f5eeec
  11. #ffffff

Tons

#9b523c misturado progressivamente com cinza.

  1. #9b523c
  2. #985743
  3. #965b4a
  4. #936050
  5. #906457
  6. #8e695e
  7. #8b6e65
  8. #88726c
  9. #857772
  10. #837b79
  11. #808080

Texto legível 5.73:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Texto legível 3.67:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #666666 ≈ 0.003% dos homens
Acromatomalia #7f5f58 ≈ 0.001% dos homens
Protanopia #655d3a ≈ 1.01% dos homens
Deuteranopia #766c3b ≈ 1.27% dos homens
Tritanopia #a9454d ≈ 0.0001% dos homens
Protanomalia #7e593b ≈ 1.08% dos homens
Deuteranomalia #87633b ≈ 4.63% dos homens
Tritanomalia #a44b47 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-9b523c {
  color: #9b523c;
}
Fundo
.bg-9b523c {
  background-color: #9b523c;
  color: #ffffff;
}
Borda
.border-9b523c {
  border: 2px solid #9b523c;
}
Variáveis CSS
:root {
  --color-primary: #9b523c;
  --color-primary-rgb: 155 82 60;
  --color-primary-hsl: 14 44% 42%;
}
Degradê
.gradient-9b523c {
  background: linear-gradient(135deg, #9b523c, #9b823c);
}
Sombra colorida
.shadow-9b523c {
  box-shadow: 0 8px 24px rgb(155 82 60 / 0.35);
}

#954535 Chestnut ΔE 4.25 #a0522d Sienna ΔE 4.70 #a45a52 Redwood ΔE 6.35 #8a3324 Burnt Umber ΔE 8.91 #b7410e Rust ΔE 9.32 #8b4513 Saddle Brown ΔE 9.70 #a52a2a Brown ΔE 10.12 #64adc3 Invertida #666666 Escala de cinza 

Chestnut
#9b523c  rgb(155, 82, 60)  hsl(14, 44%, 42%)  Chestnut
#3c859b  rgb(60, 133, 155)  hsl(194, 44%, 42%)  Teal Blue
#3c9b52  rgb(60, 155, 82)  hsl(134, 44%, 42%)  Shamrock Green
#523c9b  rgb(82, 60, 155)  hsl(254, 44%, 42%)  Dark Slate Blue