ColorTool
Entrar
#BA422D

#ba422d ≈ Persian Red

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

#ba422d é uma cor da família “vermelho”, com luminosidade média e saturação forte. No modelo RGB, é formada por 72,94% de vermelho, 25,88% de verde e 17,65% de azul; impressa em CMYK, usa 0% de ciano, 64,52% de magenta, 75,81% de amarelo e 27,06% de preto. Seu ângulo de matiz é 8,94°, com 61,04% de saturação e 45,29% 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,38:1 (WCAG AA). A cor nomeada mais próxima é Persian Red (#cc3333), ΔE 5,16.

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

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

Complementar

  1. #ba422d
  2. #2da5ba

Complementar dividida

  1. #ba422d
  2. #2dba88
  3. #2d5eba

Análoga

  1. #ba2d5e
  2. #ba422d
  3. #ba882d

Triádica

  1. #ba422d
  2. #2dba42
  3. #422dba

Tetrádica

  1. #ba422d
  2. #a5ba2d
  3. #2da5ba
  4. #422dba

Quadrada

  1. #ba422d
  2. #5eba2d
  3. #2da5ba
  4. #882dba

Monocromática

  1. #3f160f
  2. #7c2c1e
  3. #ba422d
  4. #d86e5c
  5. #e6a59a

Sombras

#ba422d misturado progressivamente com preto.

  1. #ba422d
  2. #a73b29
  3. #953524
  4. #822e20
  5. #70281b
  6. #5d2117
  7. #4a1a12
  8. #38140e
  9. #250d09
  10. #130705
  11. #000000

Matizes claros

#ba422d misturado progressivamente com branco.

  1. #ba422d
  2. #c15542
  3. #c86857
  4. #cf7b6c
  5. #d68e81
  6. #dda196
  7. #e3b3ab
  8. #eac6c0
  9. #f1d9d5
  10. #f8ecea
  11. #ffffff

Tons

#ba422d misturado progressivamente com cinza.

  1. #ba422d
  2. #b44835
  3. #ae4e3e
  4. #a95546
  5. #a35b4e
  6. #9d6157
  7. #97675f
  8. #916d67
  9. #8c746f
  10. #867a78
  11. #808080

Texto legível 5.38:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Texto legível 3.9:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #6a6a6a ≈ 0.003% dos homens
Acromatomalia #915d58 ≈ 0.001% dos homens
Protanopia #645a2a ≈ 1.01% dos homens
Deuteranopia #817429 ≈ 1.27% dos homens
Tritanopia #cd223e ≈ 0.0001% dos homens
Protanomalia #8e512b ≈ 1.08% dos homens
Deuteranomalia #9b642b ≈ 4.63% dos homens
Tritanomalia #c53238 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-ba422d {
  color: #ba422d;
}
Fundo
.bg-ba422d {
  background-color: #ba422d;
  color: #ffffff;
}
Borda
.border-ba422d {
  border: 2px solid #ba422d;
}
Variáveis CSS
:root {
  --color-primary: #ba422d;
  --color-primary-rgb: 186 66 45;
  --color-primary-hsl: 9 61% 45%;
}
Degradê
.gradient-ba422d {
  background: linear-gradient(135deg, #ba422d, #ba882d);
}
Sombra colorida
.shadow-ba422d {
  box-shadow: 0 8px 24px rgb(186 66 45 / 0.35);
}

#cc3333 Persian Red ΔE 5.16 #ce2029 Fire Engine Red ΔE 5.78 #cf1020 Lava ΔE 6.03 #c80815 Venetian Red ΔE 6.04 #b22222 Firebrick ΔE 6.45 #b7410e Rust ΔE 6.62 #b31b1b Cornell Red ΔE 6.69 #45bdd2 Invertida #6a6a6a Escala de cinza 

Persian Red
#ba422d  rgb(186, 66, 45)  hsl(9, 61%, 45%)  Persian Red
#2da5ba  rgb(45, 165, 186)  hsl(189, 61%, 45%)  Bondi Blue
#2dba42  rgb(45, 186, 66)  hsl(129, 61%, 45%)  Kelly Green
#422dba  rgb(66, 45, 186)  hsl(249, 61%, 45%)  Persian Blue