ColorTool
Entrar
#BC4D1E

#bc4d1e ≈ Rust

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

#bc4d1e é uma cor da família “laranja”, com luminosidade média e saturação forte. No modelo RGB, é formada por 73,73% de vermelho, 30,2% de verde e 11,76% de azul; impressa em CMYK, usa 0% de ciano, 59,04% de magenta, 84,04% de amarelo e 26,27% de preto. Seu ângulo de matiz é 17,85°, com 72,48% de saturação e 42,75% de luminosidade em HSL. É uma cor quente, muitas vezes associada a entusiasmo, calor e criatividade. Designers costumam usá-la em botões de chamada para ação, marcas de alimentos e restaurantes e detalhes de marca. Texto branco sobre esta cor atinge uma razão de contraste de 4,98:1 (WCAG AA). A cor nomeada mais próxima é Rust (#b7410e), ΔE 3,14.

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

Complementar

  1. #bc4d1e
  2. #1e8dbc

Complementar dividida

  1. #bc4d1e
  2. #1ebc9c
  3. #1e3ebc

Análoga

  1. #bc1e3e
  2. #bc4d1e
  3. #bc9c1e

Triádica

  1. #bc4d1e
  2. #1ebc4d
  3. #4d1ebc

Tetrádica

  1. #bc4d1e
  2. #8dbc1e
  3. #1e8dbc
  4. #4d1ebc

Quadrada

  1. #bc4d1e
  2. #3ebc1e
  3. #1e8dbc
  4. #9c1ebc

Monocromática

  1. #381709
  2. #7a3213
  3. #bc4d1e
  4. #e17445
  5. #eca587

Sombras

#bc4d1e misturado progressivamente com preto.

  1. #bc4d1e
  2. #a9451b
  3. #963e18
  4. #843615
  5. #712e12
  6. #5e270f
  7. #4b1f0c
  8. #381709
  9. #260f06
  10. #130803
  11. #000000

Matizes claros

#bc4d1e misturado progressivamente com branco.

  1. #bc4d1e
  2. #c35f35
  3. #c9714b
  4. #d08262
  5. #d79478
  6. #dea68f
  7. #e4b8a5
  8. #ebcabc
  9. #f2dbd2
  10. #f8ede9
  11. #ffffff

Tons

#bc4d1e misturado progressivamente com cinza.

  1. #bc4d1e
  2. #b65228
  3. #b05732
  4. #aa5c3b
  5. #a46145
  6. #9e674f
  7. #986c59
  8. #927163
  9. #8c766c
  10. #867b76
  11. #808080

Texto legível 4.98:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Texto legível 4.22:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #707070 ≈ 0.003% dos homens
Acromatomalia #94645a ≈ 0.001% dos homens
Protanopia #6d6016 ≈ 1.01% dos homens
Deuteranopia #887919 ≈ 1.27% dos homens
Tritanopia #cf3244 ≈ 0.0001% dos homens
Protanomalia #93591a ≈ 1.08% dos homens
Deuteranomalia #9f6a1b ≈ 4.63% dos homens
Tritanomalia #c83e38 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-bc4d1e {
  color: #bc4d1e;
}
Fundo
.bg-bc4d1e {
  background-color: #bc4d1e;
  color: #ffffff;
}
Borda
.border-bc4d1e {
  border: 2px solid #bc4d1e;
}
Variáveis CSS
:root {
  --color-primary: #bc4d1e;
  --color-primary-rgb: 188 77 30;
  --color-primary-hsl: 18 72% 43%;
}
Degradê
.gradient-bc4d1e {
  background: linear-gradient(135deg, #bc4d1e, #bc9c1e);
}
Sombra colorida
.shadow-bc4d1e {
  box-shadow: 0 8px 24px rgb(188 77 30 / 0.35);
}

#b7410e Rust ΔE 3.14 #c04000 Mahogany ΔE 3.17 #cb410b Sinopia ΔE 3.39 #a0522d Sienna ΔE 6.14 #cc5500 Burnt Orange ΔE 6.28 #e25822 Flame ΔE 8.73 #d40000 Rosso Corsa ΔE 9.10 #43b2e1 Invertida #707070 Escala de cinza 

Rust
#bc4d1e  rgb(188, 77, 30)  hsl(18, 72%, 43%)  Rust
#1e8dbc  rgb(30, 141, 188)  hsl(198, 72%, 43%)  Bondi Blue
#1ebc4d  rgb(30, 188, 77)  hsl(138, 72%, 43%)  Lime Green
#4d1ebc  rgb(77, 30, 188)  hsl(258, 72%, 43%)  Medium Blue