ColorTool
Entrar
#BF3141

#bf3141 ≈ Cardinal

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

#bf3141 é uma cor da família “vermelho”, com luminosidade média e saturação forte. No modelo RGB, é formada por 74,9% de vermelho, 19,22% de verde e 25,49% de azul; impressa em CMYK, usa 0% de ciano, 74,35% de magenta, 65,97% de amarelo e 25,1% de preto. Seu ângulo de matiz é 353,24°, com 59,17% de saturação e 47,06% 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,63:1 (WCAG AA). A cor nomeada mais próxima é Cardinal (#c41e3a), ΔE 2,05.

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.1365

Complementar

  1. #bf3141
  2. #31bfaf

Complementar dividida

  1. #bf3141
  2. #31bf68
  3. #3188bf

Análoga

  1. #bf3188
  2. #bf3141
  3. #bf6831

Triádica

  1. #bf3141
  2. #41bf31
  3. #3141bf

Tetrádica

  1. #bf3141
  2. #bfaf31
  3. #31bfaf
  4. #3141bf

Quadrada

  1. #bf3141
  2. #88bf31
  3. #31bfaf
  4. #6831bf

Monocromática

  1. #451218
  2. #82212c
  3. #bf3141
  4. #d76572
  5. #e7a2aa

Sombras

#bf3141 misturado progressivamente com preto.

  1. #bf3141
  2. #ac2c3b
  3. #992734
  4. #86222e
  5. #731d27
  6. #601921
  7. #4c141a
  8. #390f14
  9. #260a0d
  10. #130507
  11. #000000

Matizes claros

#bf3141 misturado progressivamente com branco.

  1. #bf3141
  2. #c54654
  3. #cc5a67
  4. #d26f7a
  5. #d9838d
  6. #df98a0
  7. #e5adb3
  8. #ecc1c6
  9. #f2d6d9
  10. #f9eaec
  11. #ffffff

Tons

#bf3141 misturado progressivamente com cinza.

  1. #bf3141
  2. #b93947
  3. #b2414e
  4. #ac4954
  5. #a6515a
  6. #a05961
  7. #996067
  8. #93686d
  9. #8d7073
  10. #86787a
  11. #808080

Texto legível 5.63:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Texto legível 3.73:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #676767 ≈ 0.003% dos homens
Acromatomalia #93575a ≈ 0.001% dos homens
Protanopia #595441 ≈ 1.01% dos homens
Deuteranopia #7d723d ≈ 1.27% dos homens
Tritanopia #d20038 ≈ 0.0001% dos homens
Protanomalia #8e4941 ≈ 1.08% dos homens
Deuteranomalia #9c5f3f ≈ 4.63% dos homens
Tritanomalia #ca193c ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-bf3141 {
  color: #bf3141;
}
Fundo
.bg-bf3141 {
  background-color: #bf3141;
  color: #ffffff;
}
Borda
.border-bf3141 {
  border: 2px solid #bf3141;
}
Variáveis CSS
:root {
  --color-primary: #bf3141;
  --color-primary-rgb: 191 49 65;
  --color-primary-hsl: 353 59% 47%;
}
Degradê
.gradient-bf3141 {
  background: linear-gradient(135deg, #bf3141, #bf6831);
}
Sombra colorida
.shadow-bf3141 {
  box-shadow: 0 8px 24px rgb(191 49 65 / 0.35);
}

#c41e3a Cardinal ΔE 2.05 #cb4154 Brick Red ΔE 5.13 #dc143c Crimson ΔE 5.14 #cc3333 Persian Red ΔE 5.94 #ce2029 Fire Engine Red ΔE 6.59 #a52a2a Brown ΔE 7.17 #a52a2a Auburn ΔE 7.17 #40cebe Invertida #676767 Escala de cinza 

Cardinal
#bf3141  rgb(191, 49, 65)  hsl(353, 59%, 47%)  Cardinal
#31bfaf  rgb(49, 191, 175)  hsl(173, 59%, 47%)  Tiffany Blue
#41bf31  rgb(65, 191, 49)  hsl(113, 59%, 47%)  Kelly Green
#3141bf  rgb(49, 65, 191)  hsl(233, 59%, 47%)  Persian Blue