ColorTool
Entrar
#AA4851

#aa4851 ≈ Brick Red

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

#aa4851 é uma cor da família “vermelho”, com luminosidade média e saturação moderada. No modelo RGB, é formada por 66,67% de vermelho, 28,24% de verde e 31,76% de azul; impressa em CMYK, usa 0% de ciano, 57,65% de magenta, 52,35% de amarelo e 33,33% de preto. Seu ângulo de matiz é 354,49°, com 40,5% de saturação e 47,45% 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 5,59:1 (WCAG AA). A cor nomeada mais próxima é Brick Red (#cb4154), ΔE 6,36.

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

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

Complementar

  1. #aa4851
  2. #48aaa1

Complementar dividida

  1. #aa4851
  2. #48aa70
  3. #4882aa

Análoga

  1. #aa4882
  2. #aa4851
  3. #aa7048

Triádica

  1. #aa4851
  2. #51aa48
  3. #4851aa

Tetrádica

  1. #aa4851
  2. #aaa148
  3. #48aaa1
  4. #4851aa

Quadrada

  1. #aa4851
  2. #82aa48
  3. #48aaa1
  4. #7048aa

Monocromática

  1. #3f1a1e
  2. #743137
  3. #aa4851
  4. #c67880
  5. #ddaeb2

Sombras

#aa4851 misturado progressivamente com preto.

  1. #aa4851
  2. #994149
  3. #883a41
  4. #773239
  5. #662b31
  6. #552429
  7. #441d20
  8. #331618
  9. #220e10
  10. #110708
  11. #000000

Matizes claros

#aa4851 misturado progressivamente com branco.

  1. #aa4851
  2. #b35a62
  3. #bb6d74
  4. #c47f85
  5. #cc9197
  6. #d5a4a8
  7. #ddb6b9
  8. #e6c8cb
  9. #eedadc
  10. #f7edee
  11. #ffffff

Tons

#aa4851 misturado progressivamente com cinza.

  1. #aa4851
  2. #a64e56
  3. #a2535a
  4. #9d595f
  5. #995e64
  6. #956469
  7. #916a6d
  8. #8d6f72
  9. #887577
  10. #847a7b
  11. #808080

Texto legível 5.59:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Texto legível 3.75:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #686868 ≈ 0.003% dos homens
Acromatomalia #875d5f ≈ 0.001% dos homens
Protanopia #5e5b51 ≈ 1.01% dos homens
Deuteranopia #776f4f ≈ 1.27% dos homens
Tritanopia #b9394c ≈ 0.0001% dos homens
Protanomalia #835451 ≈ 1.08% dos homens
Deuteranomalia #8e6250 ≈ 4.63% dos homens
Tritanomalia #b3404e ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-aa4851 {
  color: #aa4851;
}
Fundo
.bg-aa4851 {
  background-color: #aa4851;
  color: #ffffff;
}
Borda
.border-aa4851 {
  border: 2px solid #aa4851;
}
Variáveis CSS
:root {
  --color-primary: #aa4851;
  --color-primary-rgb: 170 72 81;
  --color-primary-hsl: 354 41% 47%;
}
Degradê
.gradient-aa4851 {
  background: linear-gradient(135deg, #aa4851, #aa7048);
}
Sombra colorida
.shadow-aa4851 {
  box-shadow: 0 8px 24px rgb(170 72 81 / 0.35);
}

#cb4154 Brick Red ΔE 6.36 #a45a52 Redwood ΔE 6.70 #893f45 Cordovan ΔE 7.36 #c41e3a Cardinal ΔE 7.61 #9f1d35 Vivid Burgundy ΔE 8.71 #a52a2a Brown ΔE 9.43 #a52a2a Auburn ΔE 9.43 #55b7ae Invertida #686868 Escala de cinza 

Brick Red
#aa4851  rgb(170, 72, 81)  hsl(354, 41%, 47%)  Brick Red
#48aaa1  rgb(72, 170, 161)  hsl(174, 41%, 47%)  Verdigris
#51aa48  rgb(81, 170, 72)  hsl(114, 41%, 47%)  Kelly Green
#4851aa  rgb(72, 81, 170)  hsl(234, 41%, 47%)  Ocean Blue