ColorTool
Entrar
#A5191F

#a5191f ≈ Brown

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

#a5191f é uma cor da família “vermelho”, com luminosidade baixa e saturação forte. No modelo RGB, é formada por 64,71% de vermelho, 9,8% de verde e 12,16% de azul; impressa em CMYK, usa 0% de ciano, 84,85% de magenta, 81,21% de amarelo e 35,29% de preto. Seu ângulo de matiz é 357,43°, com 73,68% de saturação e 37,25% 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,61:1 (WCAG AAA). A cor nomeada mais próxima é Brown (#a52a2a), ΔE 2,44.

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

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

Complementar

  1. #a5191f
  2. #19a59f

Complementar dividida

  1. #a5191f
  2. #19a559
  3. #1965a5

Análoga

  1. #a51965
  2. #a5191f
  3. #a55919

Triádica

  1. #a5191f
  2. #1fa519
  3. #191fa5

Tetrádica

  1. #a5191f
  2. #a59f19
  3. #19a59f
  4. #191fa5

Quadrada

  1. #a5191f
  2. #65a519
  3. #19a59f
  4. #5919a5

Monocromática

  1. #200506
  2. #630f13
  3. #a5191f
  4. #df2c33
  5. #e96e73

Sombras

#a5191f misturado progressivamente com preto.

  1. #a5191f
  2. #95171c
  3. #841419
  4. #741216
  5. #630f13
  6. #530d10
  7. #420a0c
  8. #320809
  9. #210506
  10. #110303
  11. #000000

Matizes claros

#a5191f misturado progressivamente com branco.

  1. #a5191f
  2. #ae3035
  3. #b7474c
  4. #c05e62
  5. #c97579
  6. #d28c8f
  7. #dba3a5
  8. #e4babc
  9. #edd1d2
  10. #f6e8e9
  11. #ffffff

Tons

#a5191f misturado progressivamente com cinza.

  1. #a5191f
  2. #a12329
  3. #9e2e32
  4. #9a383c
  5. #964246
  6. #934d50
  7. #8f5759
  8. #8b6163
  9. #876b6d
  10. #847676
  11. #808080

Texto legível 7.61:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Texto legível 2.76:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Acromatopsia #545454 ≈ 0.003% dos homens
Acromatomalia #7c4344 ≈ 0.001% dos homens
Protanopia #48411d ≈ 1.01% dos homens
Deuteranopia #6a5e18 ≈ 1.27% dos homens
Tritanopia #b6001e ≈ 0.0001% dos homens
Protanomalia #78351e ≈ 1.08% dos homens
Deuteranomalia #864c1b ≈ 4.63% dos homens
Tritanomalia #b0001e ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-a5191f {
  color: #a5191f;
}
Fundo
.bg-a5191f {
  background-color: #a5191f;
  color: #ffffff;
}
Borda
.border-a5191f {
  border: 2px solid #a5191f;
}
Variáveis CSS
:root {
  --color-primary: #a5191f;
  --color-primary-rgb: 165 25 31;
  --color-primary-hsl: 357 74% 37%;
}
Degradê
.gradient-a5191f {
  background: linear-gradient(135deg, #a5191f, #a55919);
}
Sombra colorida
.shadow-a5191f {
  box-shadow: 0 8px 24px rgb(165 25 31 / 0.35);
}

#a52a2a Brown ΔE 2.44 #a52a2a Auburn ΔE 2.44 #b22222 Firebrick ΔE 3.18 #b31b1b Cornell Red ΔE 3.49 #960018 Carmine ΔE 3.98 #92000a Sangria ΔE 5.29 #a81c07 Rufous ΔE 5.91 #5ae6e0 Invertida #545454 Escala de cinza 

Brown
#a5191f  rgb(165, 25, 31)  hsl(357, 74%, 37%)  Brown
#19a59f  rgb(25, 165, 159)  hsl(177, 74%, 37%)  Light Sea Green
#1fa519  rgb(31, 165, 25)  hsl(117, 74%, 37%)  Islamic Green
#191fa5  rgb(25, 31, 165)  hsl(237, 74%, 37%)  Zaffre