ColorTool
Entrar
#33210F

#33210f ≈ Bistre

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

#33210f é 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 5,88% de azul; impressa em CMYK, usa 0% de ciano, 35,29% de magenta, 70,59% de amarelo e 80% de preto. Seu ângulo de matiz é 30°, com 54,55% de saturação e 12,94% 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 marcas de luxo. Texto branco sobre esta cor atinge uma razão de contraste de 15,38:1 (WCAG AAA). A cor nomeada mais próxima é Bistre (#3d2b1f), ΔE 4,28.

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

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

Complementar

  1. #33210f
  2. #0f2133

Complementar dividida

  1. #33210f
  2. #0f3333
  3. #0f0f33

Análoga

  1. #330f0f
  2. #33210f
  3. #33330f

Triádica

  1. #33210f
  2. #0f3321
  3. #210f33

Tetrádica

  1. #33210f
  2. #21330f
  3. #0f2133
  4. #210f33

Quadrada

  1. #33210f
  2. #0f330f
  3. #0f2133
  4. #330f33

Monocromática

  1. #100a05
  2. #100a05
  3. #33210f
  4. #6e4720
  5. #a96d32

Sombras

#33210f misturado progressivamente com preto.

  1. #33210f
  2. #2e1e0e
  3. #291a0c
  4. #24170b
  5. #1f1409
  6. #1a1108
  7. #140d06
  8. #0f0a05
  9. #0a0703
  10. #050302
  11. #000000

Matizes claros

#33210f misturado progressivamente com branco.

  1. #33210f
  2. #473727
  3. #5c4d3f
  4. #706457
  5. #857a6f
  6. #999087
  7. #ada69f
  8. #c2bcb7
  9. #d6d3cf
  10. #ebe9e7
  11. #ffffff

Tons

#33210f misturado progressivamente com cinza.

  1. #33210f
  2. #3b2b1a
  3. #423426
  4. #4a3e31
  5. #52473c
  6. #5a5148
  7. #615a53
  8. #69645e
  9. #716d69
  10. #787775
  11. #808080

Texto legível 15.38:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Texto legível 1.37:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Acromatopsia #252525 ≈ 0.003% dos homens
Acromatomalia #2b231e ≈ 0.001% dos homens
Protanopia #27220d ≈ 1.01% dos homens
Deuteranopia #2b260f ≈ 1.27% dos homens
Tritanopia #381d1d ≈ 0.0001% dos homens
Protanomalia #2c220e ≈ 1.08% dos homens
Deuteranomalia #2e240f ≈ 4.63% dos homens
Tritanomalia #361f18 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

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

#3d2b1f Bistre ΔE 4.28 #483c32 Taupe ΔE 9.57 #1a1110 Licorice ΔE 11.19 #100c08 Smoky Black ΔE 12.66 #343434 Jet ΔE 13.58 #592720 Caput Mortuum ΔE 13.97 #3b3c36 Black Olive ΔE 14.49 #ccdef0 Invertida #252525 Escala de cinza 

Bistre
#33210f  rgb(51, 33, 15)  hsl(30, 55%, 13%)  Bistre
#0f2133  rgb(15, 33, 51)  hsl(210, 55%, 13%)  Oxford Blue
#0f3321  rgb(15, 51, 33)  hsl(150, 55%, 13%)  Phthalo Green
#210f33  rgb(33, 15, 51)  hsl(270, 55%, 13%)  Oxford Blue