ColorTool
Entrar
#33211C

#33211c ≈ Bistre

  • marrom
  • Luminosidade: muito baixa
  • Saturação: suave
  • Quente
Verificar contraste Explorar no grafo Cor aleatória

#33211c é uma cor da família “marrom”, com luminosidade muito baixa e saturação suave. No modelo RGB, é formada por 20% de vermelho, 12,94% de verde e 10,98% de azul; impressa em CMYK, usa 0% de ciano, 35,29% de magenta, 45,1% de amarelo e 80% de preto. Seu ângulo de matiz é 13,04°, com 29,11% de saturação e 15,49% 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 identidades corporativas. Texto branco sobre esta cor atinge uma razão de contraste de 15,27:1 (WCAG AAA). A cor nomeada mais próxima é Bistre (#3d2b1f), ΔE 5,02.

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

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

Complementar

  1. #33211c
  2. #1c2e33

Complementar dividida

  1. #33211c
  2. #1c332c
  3. #1c2333

Análoga

  1. #331c23
  2. #33211c
  3. #332c1c

Triádica

  1. #33211c
  2. #1c3321
  3. #211c33

Tetrádica

  1. #33211c
  2. #2e331c
  3. #1c2e33
  4. #211c33

Quadrada

  1. #33211c
  2. #23331c
  3. #1c2e33
  4. #2c1c33

Monocromática

  1. #0d0907
  2. #0d0907
  3. #33211c
  4. #644137
  5. #966152

Sombras

#33211c misturado progressivamente com preto.

  1. #33211c
  2. #2e1e19
  3. #291a16
  4. #241714
  5. #1f1411
  6. #1a110e
  7. #140d0b
  8. #0f0a08
  9. #0a0706
  10. #050303
  11. #000000

Matizes claros

#33211c misturado progressivamente com branco.

  1. #33211c
  2. #473733
  3. #5c4d49
  4. #706460
  5. #857a77
  6. #99908e
  7. #ada6a4
  8. #c2bcbb
  9. #d6d3d2
  10. #ebe9e8
  11. #ffffff

Tons

#33211c misturado progressivamente com cinza.

  1. #33211c
  2. #3b2b26
  3. #423430
  4. #4a3e3a
  5. #524744
  6. #5a514e
  7. #615a58
  8. #696462
  9. #716d6c
  10. #787776
  11. #808080

Texto legível 15.27:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Texto legível 1.38:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Acromatopsia #252525 ≈ 0.003% dos homens
Acromatomalia #2b2422 ≈ 0.001% dos homens
Protanopia #25231c ≈ 1.01% dos homens
Deuteranopia #29271c ≈ 1.27% dos homens
Tritanopia #371e20 ≈ 0.0001% dos homens
Protanomalia #2b221c ≈ 1.08% dos homens
Deuteranomalia #2e251c ≈ 4.63% dos homens
Tritanomalia #351f1e ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-33211c {
  color: #33211c;
}
Fundo
.bg-33211c {
  background-color: #33211c;
  color: #ffffff;
}
Borda
.border-33211c {
  border: 2px solid #33211c;
}
Variáveis CSS
:root {
  --color-primary: #33211c;
  --color-primary-rgb: 51 33 28;
  --color-primary-hsl: 13 29% 15%;
}
Degradê
.gradient-33211c {
  background: linear-gradient(135deg, #33211c, #332c1c);
}
Sombra colorida
.shadow-33211c {
  box-shadow: 0 8px 24px rgb(51 33 28 / 0.35);
}

#3d2b1f Bistre ΔE 5.02 #1a1110 Licorice ΔE 7.80 #483c32 Taupe ΔE 9.69 #100c08 Smoky Black ΔE 11.27 #343434 Jet ΔE 11.44 #592720 Caput Mortuum ΔE 11.70 #000000 Black ΔE 13.82 #ccdee3 Invertida #252525 Escala de cinza 

Bistre
#33211c  rgb(51, 33, 28)  hsl(13, 29%, 15%)  Bistre
#1c2e33  rgb(28, 46, 51)  hsl(193, 29%, 15%)  Gunmetal
#1c3321  rgb(28, 51, 33)  hsl(133, 29%, 15%)  Phthalo Green
#211c33  rgb(33, 28, 51)  hsl(253, 29%, 15%)  Oxford Blue