ColorTool
Entrar
#BF3F16

#bf3f16 ≈ Rust

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

#bf3f16 é uma cor da família “marrom”, com luminosidade média e saturação forte. No modelo RGB, é formada por 74,9% de vermelho, 24,71% de verde e 8,63% de azul; impressa em CMYK, usa 0% de ciano, 67,02% de magenta, 88,48% de amarelo e 25,1% de preto. Seu ângulo de matiz é 14,56°, com 79,34% de saturação e 41,76% de luminosidade em HSL. É uma cor quente, muitas vezes associada a confiabilidade, aconchego e naturalidade. Designers costumam usá-la em cafeterias e marcas de café, estilos rústicos e naturais e detalhes de marca. Texto branco sobre esta cor atinge uma razão de contraste de 5,33:1 (WCAG AA). A cor nomeada mais próxima é Rust (#b7410e), ΔE 2,48.

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

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

Complementar

  1. #bf3f16
  2. #1696bf

Complementar dividida

  1. #bf3f16
  2. #16bf93
  3. #1641bf

Análoga

  1. #bf1641
  2. #bf3f16
  3. #bf9316

Triádica

  1. #bf3f16
  2. #16bf3f
  3. #3f16bf

Tetrádica

  1. #bf3f16
  2. #96bf16
  3. #1696bf
  4. #3f16bf

Quadrada

  1. #bf3f16
  2. #41bf16
  3. #1696bf
  4. #9316bf

Monocromática

  1. #361206
  2. #7a280e
  3. #bf3f16
  4. #e86439
  5. #f09a7e

Sombras

#bf3f16 misturado progressivamente com preto.

  1. #bf3f16
  2. #ac3914
  3. #993212
  4. #862c0f
  5. #73260d
  6. #60200b
  7. #4c1909
  8. #391307
  9. #260d04
  10. #130602
  11. #000000

Matizes claros

#bf3f16 misturado progressivamente com branco.

  1. #bf3f16
  2. #c5522d
  3. #cc6545
  4. #d2795c
  5. #d98c73
  6. #df9f8b
  7. #e5b2a2
  8. #ecc5b9
  9. #f2d9d0
  10. #f9ece8
  11. #ffffff

Tons

#bf3f16 misturado progressivamente com cinza.

  1. #bf3f16
  2. #b94621
  3. #b24c2b
  4. #ac5336
  5. #a65940
  6. #a0604b
  7. #996656
  8. #936d60
  9. #8d736b
  10. #867a75
  11. #808080

Texto legível 5.33:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Texto legível 3.94:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #6b6b6b ≈ 0.003% dos homens
Acromatomalia #945c55 ≈ 0.001% dos homens
Protanopia #65590d ≈ 1.01% dos homens
Deuteranopia #84760c ≈ 1.27% dos homens
Tritanopia #d31338 ≈ 0.0001% dos homens
Protanomalia #925011 ≈ 1.08% dos homens
Deuteranomalia #9f6411 ≈ 4.63% dos homens
Tritanomalia #cb2b2d ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-bf3f16 {
  color: #bf3f16;
}
Fundo
.bg-bf3f16 {
  background-color: #bf3f16;
  color: #ffffff;
}
Borda
.border-bf3f16 {
  border: 2px solid #bf3f16;
}
Variáveis CSS
:root {
  --color-primary: #bf3f16;
  --color-primary-rgb: 191 63 22;
  --color-primary-hsl: 15 79% 42%;
}
Degradê
.gradient-bf3f16 {
  background: linear-gradient(135deg, #bf3f16, #bf9316);
}
Sombra colorida
.shadow-bf3f16 {
  box-shadow: 0 8px 24px rgb(191 63 22 / 0.35);
}

#b7410e Rust ΔE 2.48 #cb410b Sinopia ΔE 3.06 #c04000 Mahogany ΔE 3.11 #d40000 Rosso Corsa ΔE 5.99 #c80815 Venetian Red ΔE 7.60 #a0522d Sienna ΔE 7.61 #a81c07 Rufous ΔE 8.43 #40c0e9 Invertida #6b6b6b Escala de cinza 

Rust
#bf3f16  rgb(191, 63, 22)  hsl(15, 79%, 42%)  Rust
#1696bf  rgb(22, 150, 191)  hsl(195, 79%, 42%)  Bondi Blue
#16bf3f  rgb(22, 191, 63)  hsl(135, 79%, 42%)  Lime Green
#3f16bf  rgb(63, 22, 191)  hsl(255, 79%, 42%)  Medium Blue