ColorTool
Iniciar sesión
#33211C

#33211c ≈ Bistre

  • marrón
  • Luminosidad: muy baja
  • Saturación: apagada
  • Cálido
Comprobar contraste Explorar en el grafo Color aleatorio

#33211c es un color de la familia marrón, con luminosidad muy baja y saturación apagada. En el modelo RGB se compone de 20% de rojo, 12,94% de verde y 10,98% de azul; impreso en CMYK usa 0% de cian, 35,29% de magenta, 45,1% de amarillo y 80% de negro. Su ángulo de tono es 13,04°, con 29,11% de saturación y 15,49% de luminosidad en HSL. Es un color cálido, a menudo asociado con fiabilidad, calidez y naturaleza. Los diseñadores suelen usarlo para cafeterías y marcas de café, estilos rústicos y naturales y identidades corporativas. El texto blanco sobre este color alcanza una relación de contraste de 15,27:1 (WCAG AAA). El color con nombre más cercano es Bistre (#3d2b1f), ΔE 5,02.

Descripción generada a partir de las propiedades medidas de este color.

HEX
RGB
RGB en porcentaje
CMY
CMYK
HSL
HSV / HSB
Web seguro#333333
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binario
Decimal
Luminancia relativa0.0188

Complementario

  1. #33211c
  2. #1c2e33

Complementario dividido

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

Análogo

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

Triádico

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

Tetrádico

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

Cuadrado

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

Monocromático

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

Sombras

#33211c mezclado progresivamente con negro.

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

Tintes

#33211c mezclado progresivamente con blanco.

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

Tonos

#33211c mezclado progresivamente con gris.

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

Texto legible 15.27:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Texto legible 1.38:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Acromatopsia #252525 ≈ 0.003% de los hombres
Acromatomalía #2b2422 ≈ 0.001% de los hombres
Protanopía #25231c ≈ 1.01% de los hombres
Deuteranopía #29271c ≈ 1.27% de los hombres
Tritanopía #371e20 ≈ 0.0001% de los hombres
Protanomalía #2b221c ≈ 1.08% de los hombres
Deuteranomalía #2e251c ≈ 4.63% de los hombres
Tritanomalía #351f1e ≈ 0.0002% de los hombres
Simular en tu propia imagen

Texto en este color

Fondo en este color

Borde en este color

Color de texto
.text-33211c {
  color: #33211c;
}
Fondo
.bg-33211c {
  background-color: #33211c;
  color: #ffffff;
}
Borde
.border-33211c {
  border: 2px solid #33211c;
}
Variables CSS
:root {
  --color-primary: #33211c;
  --color-primary-rgb: 51 33 28;
  --color-primary-hsl: 13 29% 15%;
}
Degradado
.gradient-33211c {
  background: linear-gradient(135deg, #33211c, #332c1c);
}
Sombra de color
.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 Invertido #252525 Escala de grises 

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