ColorTool
Entrar
#AA485D

#aa485d ≈ Brick Red

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

#aa485d é 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 36,47% de azul; impressa em CMYK, usa 0% de ciano, 57,65% de magenta, 45,29% de amarelo e 33,33% de preto. Seu ângulo de matiz é 347,14°, 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,53:1 (WCAG AA). A cor nomeada mais próxima é Brick Red (#cb4154), ΔE 7,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#993366
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binário
Decimal
Luminância relativa0.1397

Complementar

  1. #aa485d
  2. #48aa95

Complementar dividida

  1. #aa485d
  2. #48aa64
  3. #488eaa

Análoga

  1. #aa488e
  2. #aa485d
  3. #aa6448

Triádica

  1. #aa485d
  2. #5daa48
  3. #485daa

Tetrádica

  1. #aa485d
  2. #aa9548
  3. #48aa95
  4. #485daa

Quadrada

  1. #aa485d
  2. #8eaa48
  3. #48aa95
  4. #6448aa

Monocromática

  1. #3f1a22
  2. #743140
  3. #aa485d
  4. #c67889
  5. #ddaeb8

Sombras

#aa485d misturado progressivamente com preto.

  1. #aa485d
  2. #994154
  3. #883a4a
  4. #773241
  5. #662b38
  6. #55242f
  7. #441d25
  8. #33161c
  9. #220e13
  10. #110709
  11. #000000

Matizes claros

#aa485d misturado progressivamente com branco.

  1. #aa485d
  2. #b35a6d
  3. #bb6d7d
  4. #c47f8e
  5. #cc919e
  6. #d5a4ae
  7. #ddb6be
  8. #e6c8ce
  9. #eedadf
  10. #f7edef
  11. #ffffff

Tons

#aa485d misturado progressivamente com cinza.

  1. #aa485d
  2. #a64e61
  3. #a25364
  4. #9d5968
  5. #995e6b
  6. #95646f
  7. #916a72
  8. #8d6f76
  9. #887579
  10. #847a7d
  11. #808080

Texto legível 5.53:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Texto legível 3.79:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #686868 ≈ 0.003% dos homens
Acromatomalia #885d64 ≈ 0.001% dos homens
Protanopia #5c5c5d ≈ 1.01% dos homens
Deuteranopia #75705b ≈ 1.27% dos homens
Tritanopia #b83c50 ≈ 0.0001% dos homens
Protanomalia #82555d ≈ 1.08% dos homens
Deuteranomalia #8d625c ≈ 4.63% dos homens
Tritanomalia #b34155 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

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

#cb4154 Brick Red ΔE 7.80 #893f45 Cordovan ΔE 8.36 #d71868 Dogwood Rose ΔE 8.96 #cf3476 Telemagenta ΔE 9.01 #915f6d Mauve Taupe ΔE 9.15 #de3163 Cerise ΔE 9.50 #e0115f Ruby ΔE 9.72 #55b7a2 Invertida #686868 Escala de cinza 

Brick Red
#aa485d  rgb(170, 72, 93)  hsl(347, 41%, 47%)  Brick Red
#48aa95  rgb(72, 170, 149)  hsl(167, 41%, 47%)  Persian Green
#5daa48  rgb(93, 170, 72)  hsl(107, 41%, 47%)  Kelly Green
#485daa  rgb(72, 93, 170)  hsl(227, 41%, 47%)  Sapphire