ColorTool
Entrar
#BF311C

#bf311c ≈ Venetian Red

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

#bf311c é 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 10,98% de azul; impressa em CMYK, usa 0% de ciano, 74,35% de magenta, 85,34% de amarelo e 25,1% de preto. Seu ângulo de matiz é 7,73°, com 74,43% de saturação e 42,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 5,72:1 (WCAG AA). A cor nomeada mais próxima é Venetian Red (#c80815), ΔE 3,6.

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

Complementar

  1. #bf311c
  2. #1caabf

Complementar dividida

  1. #bf311c
  2. #1cbf82
  3. #1c58bf

Análoga

  1. #bf1c58
  2. #bf311c
  3. #bf821c

Triádica

  1. #bf311c
  2. #1cbf31
  3. #311cbf

Tetrádica

  1. #bf311c
  2. #aabf1c
  3. #1caabf
  4. #311cbf

Quadrada

  1. #bf311c
  2. #58bf1c
  3. #1caabf
  4. #821cbf

Monocromática

  1. #3a0f08
  2. #7c2012
  3. #bf311c
  4. #e45844
  5. #ed9487

Sombras

#bf311c misturado progressivamente com preto.

  1. #bf311c
  2. #ac2c19
  3. #992716
  4. #862214
  5. #731d11
  6. #60190e
  7. #4c140b
  8. #390f08
  9. #260a06
  10. #130503
  11. #000000

Matizes claros

#bf311c misturado progressivamente com branco.

  1. #bf311c
  2. #c54633
  3. #cc5a49
  4. #d26f60
  5. #d98377
  6. #df988e
  7. #e5ada4
  8. #ecc1bb
  9. #f2d6d2
  10. #f9eae8
  11. #ffffff

Tons

#bf311c misturado progressivamente com cinza.

  1. #bf311c
  2. #b93926
  3. #b24130
  4. #ac493a
  5. #a65144
  6. #a0594e
  7. #996058
  8. #936862
  9. #8d706c
  10. #867876
  11. #808080

Texto legível 5.72:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Texto legível 3.67:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #666666 ≈ 0.003% dos homens
Acromatomalia #925652 ≈ 0.001% dos homens
Protanopia #5d5217 ≈ 1.01% dos homens
Deuteranopia #807213 ≈ 1.27% dos homens
Tritanopia #d3002e ≈ 0.0001% dos homens
Protanomalia #8f4719 ≈ 1.08% dos homens
Deuteranomalia #9d5e17 ≈ 4.63% dos homens
Tritanomalia #cb1228 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

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

#c80815 Venetian Red ΔE 3.60 #d40000 Rosso Corsa ΔE 4.29 #cf1020 Lava ΔE 4.66 #b31b1b Cornell Red ΔE 5.10 #ce2029 Fire Engine Red ΔE 5.29 #b22222 Firebrick ΔE 5.48 #cc3333 Persian Red ΔE 5.88 #40cee3 Invertida #666666 Escala de cinza 

Venetian Red
#bf311c  rgb(191, 49, 28)  hsl(8, 74%, 43%)  Venetian Red
#1caabf  rgb(28, 170, 191)  hsl(188, 74%, 43%)  Bondi Blue
#1cbf31  rgb(28, 191, 49)  hsl(128, 74%, 43%)  Lime Green
#311cbf  rgb(49, 28, 191)  hsl(248, 74%, 43%)  Medium Blue