ColorTool
Entrar
#BA5469

#ba5469 ≈ Brick Red

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

#ba5469 é uma cor da família “vermelho”, com luminosidade média e saturação moderada. No modelo RGB, é formada por 72,94% de vermelho, 32,94% de verde e 41,18% de azul; impressa em CMYK, usa 0% de ciano, 54,84% de magenta, 43,55% de amarelo e 27,06% de preto. Seu ângulo de matiz é 347,65°, com 42,5% de saturação e 52,94% 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 4,61:1 (WCAG AA). A cor nomeada mais próxima é Brick Red (#cb4154), ΔE 6,48.

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

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

Complementar

  1. #ba5469
  2. #54baa5

Complementar dividida

  1. #ba5469
  2. #54ba72
  3. #549cba

Análoga

  1. #ba549c
  2. #ba5469
  3. #ba7254

Triádica

  1. #ba5469
  2. #69ba54
  3. #5469ba

Tetrádica

  1. #ba5469
  2. #baa554
  3. #54baa5
  4. #5469ba

Quadrada

  1. #ba5469
  2. #9cba54
  3. #54baa5
  4. #7254ba

Monocromática

  1. #53222c
  2. #8a3849
  3. #ba5469
  4. #d08b99
  5. #e6c1c9

Sombras

#ba5469 misturado progressivamente com preto.

  1. #ba5469
  2. #a74c5f
  3. #954354
  4. #823b4a
  5. #70323f
  6. #5d2a35
  7. #4a222a
  8. #381920
  9. #251115
  10. #13080b
  11. #000000

Matizes claros

#ba5469 misturado progressivamente com branco.

  1. #ba5469
  2. #c16578
  3. #c87687
  4. #cf8796
  5. #d698a5
  6. #ddaab4
  7. #e3bbc3
  8. #eaccd2
  9. #f1dde1
  10. #f8eef0
  11. #ffffff

Tons

#ba5469 misturado progressivamente com cinza.

  1. #ba5469
  2. #b4586b
  3. #ae5d6e
  4. #a96170
  5. #a36672
  6. #9d6a75
  7. #976e77
  8. #917379
  9. #8c777b
  10. #867c7e
  11. #808080

Texto legível 4.61:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Texto legível 4.56:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #757575 ≈ 0.003% dos homens
Acromatomalia #966970 ≈ 0.001% dos homens
Protanopia #686969 ≈ 1.01% dos homens
Deuteranopia #827d67 ≈ 1.27% dos homens
Tritanopia #c9485c ≈ 0.0001% dos homens
Protanomalia #906169 ≈ 1.08% dos homens
Deuteranomalia #9c6f68 ≈ 4.63% dos homens
Tritanomalia #c34d61 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-ba5469 {
  color: #ba5469;
}
Fundo
.bg-ba5469 {
  background-color: #ba5469;
  color: #ffffff;
}
Borda
.border-ba5469 {
  border: 2px solid #ba5469;
}
Variáveis CSS
:root {
  --color-primary: #ba5469;
  --color-primary-rgb: 186 84 105;
  --color-primary-hsl: 348 43% 53%;
}
Degradê
.gradient-ba5469 {
  background: linear-gradient(135deg, #ba5469, #ba7254);
}
Sombra colorida
.shadow-ba5469 {
  box-shadow: 0 8px 24px rgb(186 84 105 / 0.35);
}

#cb4154 Brick Red ΔE 6.48 #de3163 Cerise ΔE 7.16 #b76e79 Rose Gold ΔE 7.23 #cf3476 Telemagenta ΔE 7.93 #e3256b Razzmatazz ΔE 8.22 #d71868 Dogwood Rose ΔE 8.48 #e0115f Ruby ΔE 8.57 #45ab96 Invertida #757575 Escala de cinza 

Brick Red
#ba5469  rgb(186, 84, 105)  hsl(348, 43%, 53%)  Brick Red
#54baa5  rgb(84, 186, 165)  hsl(168, 43%, 53%)  Light Sea Green
#69ba54  rgb(105, 186, 84)  hsl(108, 43%, 53%)  Mantis
#5469ba  rgb(84, 105, 186)  hsl(228, 43%, 53%)  Royal Blue