ColorTool
Entrar
#B45341

#b45341 ≈ Redwood

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

#b45341 é uma cor da família “vermelho”, com luminosidade média e saturação moderada. No modelo RGB, é formada por 70,59% de vermelho, 32,55% de verde e 25,49% de azul; impressa em CMYK, usa 0% de ciano, 53,89% de magenta, 63,89% de amarelo e 29,41% de preto. Seu ângulo de matiz é 9,39°, com 46,94% de saturação e 48,04% 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,94:1 (WCAG AA). A cor nomeada mais próxima é Redwood (#a45a52), ΔE 5,59.

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

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

Complementar

  1. #b45341
  2. #41a2b4

Complementar dividida

  1. #b45341
  2. #41b48d
  3. #4169b4

Análoga

  1. #b44169
  2. #b45341
  3. #b48d41

Triádica

  1. #b45341
  2. #41b453
  3. #5341b4

Tetrádica

  1. #b45341
  2. #a2b441
  3. #41a2b4
  4. #5341b4

Quadrada

  1. #b45341
  2. #69b441
  3. #41a2b4
  4. #8d41b4

Monocromática

  1. #441f18
  2. #7c392d
  3. #b45341
  4. #cd8275
  5. #e1b5ad

Sombras

#b45341 misturado progressivamente com preto.

  1. #b45341
  2. #a24b3b
  3. #904234
  4. #7e3a2e
  5. #6c3227
  6. #5a2a21
  7. #48211a
  8. #361914
  9. #24110d
  10. #120807
  11. #000000

Matizes claros

#b45341 misturado progressivamente com branco.

  1. #b45341
  2. #bc6454
  3. #c37567
  4. #cb877a
  5. #d2988d
  6. #daa9a0
  7. #e1bab3
  8. #e9cbc6
  9. #f0ddd9
  10. #f8eeec
  11. #ffffff

Tons

#b45341 misturado progressivamente com cinza.

  1. #b45341
  2. #af5847
  3. #aa5c4e
  4. #a46154
  5. #9f655a
  6. #9a6a61
  7. #956e67
  8. #90736d
  9. #8a7773
  10. #857c7a
  11. #808080

Texto legível 4.94:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Texto legível 4.25:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #707070 ≈ 0.003% dos homens
Acromatomalia #906661 ≈ 0.001% dos homens
Protanopia #6c633f ≈ 1.01% dos homens
Deuteranopia #84783f ≈ 1.27% dos homens
Tritanopia #c5414f ≈ 0.0001% dos homens
Protanomalia #8e5d40 ≈ 1.08% dos homens
Deuteranomalia #996b40 ≈ 4.63% dos homens
Tritanomalia #be494a ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

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

#a45a52 Redwood ΔE 5.59 #cc3333 Persian Red ΔE 6.93 #954535 Chestnut ΔE 7.66 #a0522d Sienna ΔE 7.93 #ce2029 Fire Engine Red ΔE 8.54 #cd5c5c Indian Red ΔE 8.66 #e34234 Cinnabar ΔE 8.92 #4bacbe Invertida #707070 Escala de cinza 

Redwood
#b45341  rgb(180, 83, 65)  hsl(9, 47%, 48%)  Redwood
#41a2b4  rgb(65, 162, 180)  hsl(189, 47%, 48%)  Cadet Blue
#41b453  rgb(65, 180, 83)  hsl(129, 47%, 48%)  Medium Sea Green
#5341b4  rgb(83, 65, 180)  hsl(249, 47%, 48%)  Ocean Blue