ColorTool
Entrar
#953C36

#953c36 ≈ Chestnut

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

#953c36 é uma cor da família “vermelho”, com luminosidade baixa e saturação moderada. No modelo RGB, é formada por 58,43% de vermelho, 23,53% de verde e 21,18% de azul; impressa em CMYK, usa 0% de ciano, 59,73% de magenta, 63,76% de amarelo e 41,57% de preto. Seu ângulo de matiz é 3,79°, com 46,8% de saturação e 39,8% de luminosidade em HSL. É uma cor quente, muitas vezes associada a energia, paixão e urgência. Designers costumam usá-la em marcas de alimentos e restaurantes, vendas e promoções e detalhes de marca. Texto branco sobre esta cor atinge uma razão de contraste de 7,05:1 (WCAG AAA). A cor nomeada mais próxima é Chestnut (#954535), ΔE 3,8.

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.0989

Complementar

  1. #953c36
  2. #368f95

Complementar dividida

  1. #953c36
  2. #36956b
  3. #365f95

Análoga

  1. #95365f
  2. #953c36
  3. #956b36

Triádica

  1. #953c36
  2. #36953c
  3. #3c3695

Tetrádica

  1. #953c36
  2. #8f9536
  3. #368f95
  4. #3c3695

Quadrada

  1. #953c36
  2. #5f9536
  3. #368f95
  4. #6b3695

Monocromática

  1. #250f0d
  2. #5d2522
  3. #953c36
  4. #c25d56
  5. #d6938e

Sombras

#953c36 misturado progressivamente com preto.

  1. #953c36
  2. #863631
  3. #77302b
  4. #682a26
  5. #592420
  6. #4b1e1b
  7. #3c1816
  8. #2d1210
  9. #1e0c0b
  10. #0f0605
  11. #000000

Matizes claros

#953c36 misturado progressivamente com branco.

  1. #953c36
  2. #a0504a
  3. #aa635e
  4. #b57772
  5. #bf8a86
  6. #ca9e9b
  7. #d5b1af
  8. #dfc5c3
  9. #ead8d7
  10. #f4eceb
  11. #ffffff

Tons

#953c36 misturado progressivamente com cinza.

  1. #953c36
  2. #93433d
  3. #914a45
  4. #8f504c
  5. #8d5754
  6. #8b5e5b
  7. #886562
  8. #866c6a
  9. #847271
  10. #827979
  11. #808080

Texto legível 7.05:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Texto legível 2.98:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Acromatopsia #595959 ≈ 0.003% dos homens
Acromatomalia #764f4d ≈ 0.001% dos homens
Protanopia #534d35 ≈ 1.01% dos homens
Deuteranopia #696034 ≈ 1.27% dos homens
Tritanopia #a32b3b ≈ 0.0001% dos homens
Protanomalia #734735 ≈ 1.08% dos homens
Deuteranomalia #7d5435 ≈ 4.63% dos homens
Tritanomalia #9e3239 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-953c36 {
  color: #953c36;
}
Fundo
.bg-953c36 {
  background-color: #953c36;
  color: #ffffff;
}
Borda
.border-953c36 {
  border: 2px solid #953c36;
}
Variáveis CSS
:root {
  --color-primary: #953c36;
  --color-primary-rgb: 149 60 54;
  --color-primary-hsl: 4 47% 40%;
}
Degradê
.gradient-953c36 {
  background: linear-gradient(135deg, #953c36, #956b36);
}
Sombra colorida
.shadow-953c36 {
  box-shadow: 0 8px 24px rgb(149 60 54 / 0.35);
}

#954535 Chestnut ΔE 3.80 #a52a2a Brown ΔE 4.53 #a52a2a Auburn ΔE 4.53 #8a3324 Burnt Umber ΔE 4.81 #893f45 Cordovan ΔE 6.29 #9f1d35 Vivid Burgundy ΔE 7.08 #b22222 Firebrick ΔE 7.12 #6ac3c9 Invertida #595959 Escala de cinza 

Chestnut
#953c36  rgb(149, 60, 54)  hsl(4, 47%, 40%)  Chestnut
#368f95  rgb(54, 143, 149)  hsl(184, 47%, 40%)  Dark Cyan
#36953c  rgb(54, 149, 60)  hsl(124, 47%, 40%)  Forest Green
#3c3695  rgb(60, 54, 149)  hsl(244, 47%, 40%)  Dark Slate Blue