ColorTool
Entrar
#BF5862

#bf5862 ≈ Brick Red

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

#bf5862 é uma cor da família “vermelho”, com luminosidade média e saturação moderada. No modelo RGB, é formada por 74,9% de vermelho, 34,51% de verde e 38,43% de azul; impressa em CMYK, usa 0% de ciano, 53,93% de magenta, 48,69% de amarelo e 25,1% de preto. Seu ângulo de matiz é 354,17°, com 44,59% de saturação e 54,71% 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 preto sobre esta cor atinge uma razão de contraste de 4,79:1 (WCAG AA). A cor nomeada mais próxima é Brick Red (#cb4154), ΔE 4,89.

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

Complementar

  1. #bf5862
  2. #58bfb5

Complementar dividida

  1. #bf5862
  2. #58bf82
  3. #5896bf

Análoga

  1. #bf5896
  2. #bf5862
  3. #bf8258

Triádica

  1. #bf5862
  2. #62bf58
  3. #5862bf

Tetrádica

  1. #bf5862
  2. #bfb558
  3. #58bfb5
  4. #5862bf

Quadrada

  1. #bf5862
  2. #96bf58
  3. #58bfb5
  4. #8258bf

Monocromática

  1. #5b2328
  2. #923841
  3. #bf5862
  4. #d48f96
  5. #e9c7ca

Sombras

#bf5862 misturado progressivamente com preto.

  1. #bf5862
  2. #ac4f58
  3. #99464e
  4. #863e45
  5. #73353b
  6. #602c31
  7. #4c2327
  8. #391a1d
  9. #261214
  10. #13090a
  11. #000000

Matizes claros

#bf5862 misturado progressivamente com branco.

  1. #bf5862
  2. #c56972
  3. #cc7981
  4. #d28a91
  5. #d99ba1
  6. #dfacb1
  7. #e5bcc0
  8. #eccdd0
  9. #f2dee0
  10. #f9eeef
  11. #ffffff

Tons

#bf5862 misturado progressivamente com cinza.

  1. #bf5862
  2. #b95c65
  3. #b26068
  4. #ac646b
  5. #a6686e
  6. #a06c71
  7. #997074
  8. #937477
  9. #8d787a
  10. #867c7d
  11. #808080

Texto legível 4.39:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Texto legível 4.79:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #787878 ≈ 0.003% dos homens
Acromatomalia #9a6d70 ≈ 0.001% dos homens
Protanopia #6e6c62 ≈ 1.01% dos homens
Deuteranopia #888060 ≈ 1.27% dos homens
Tritanopia #cf4a5c ≈ 0.0001% dos homens
Protanomalia #956462 ≈ 1.08% dos homens
Deuteranomalia #a17261 ≈ 4.63% dos homens
Tritanomalia #c9505e ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-bf5862 {
  color: #bf5862;
}
Fundo
.bg-bf5862 {
  background-color: #bf5862;
  color: #000000;
}
Borda
.border-bf5862 {
  border: 2px solid #bf5862;
}
Variáveis CSS
:root {
  --color-primary: #bf5862;
  --color-primary-rgb: 191 88 98;
  --color-primary-hsl: 354 45% 55%;
}
Degradê
.gradient-bf5862 {
  background: linear-gradient(135deg, #bf5862, #bf8258);
}
Sombra colorida
.shadow-bf5862 {
  box-shadow: 0 8px 24px rgb(191 88 98 / 0.35);
}

#cb4154 Brick Red ΔE 4.89 #cd5c5c Indian Red ΔE 4.90 #b76e79 Rose Gold ΔE 7.04 #de3163 Cerise ΔE 7.74 #a45a52 Redwood ΔE 7.81 #e52b50 Amaranth ΔE 8.20 #b57281 Turkish Rose ΔE 9.23 #40a79d Invertida #787878 Escala de cinza 

Brick Red
#bf5862  rgb(191, 88, 98)  hsl(354, 45%, 55%)  Brick Red
#58bfb5  rgb(88, 191, 181)  hsl(174, 45%, 55%)  Verdigris
#62bf58  rgb(98, 191, 88)  hsl(114, 45%, 55%)  Mantis
#5862bf  rgb(88, 98, 191)  hsl(234, 45%, 55%)  Slate Blue