ColorTool
Iniciar sesión
#58391D

#58391d ≈ Sepia

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

#58391d es un color de la familia marrón, con luminosidad baja y saturación apagada. En el modelo RGB se compone de 34,51% de rojo, 22,35% de verde y 11,37% de azul; impreso en CMYK usa 0% de cian, 35,23% de magenta, 67,05% de amarillo y 65,49% de negro. Su ángulo de tono es 28,47°, con 50,43% de saturación y 22,94% 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 marcas de lujo. El texto blanco sobre este color alcanza una relación de contraste de 10,41:1 (WCAG AAA). El color con nombre más cercano es Sepia (#704214), ΔE 6,98.

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

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

Complementario

  1. #58391d
  2. #1d3c58

Complementario dividido

  1. #58391d
  2. #1d5856
  3. #1d1f58

Análogo

  1. #581d1f
  2. #58391d
  3. #58561d

Triádico

  1. #58391d
  2. #1d5839
  3. #391d58

Tetrádico

  1. #58391d
  2. #3c581d
  3. #1d3c58
  4. #391d58

Cuadrado

  1. #58391d
  2. #1f581d
  3. #1d3c58
  4. #561d58

Monocromático

  1. #0f0a05
  2. #1e140a
  3. #58391d
  4. #925e30
  5. #c4844a

Sombras

#58391d mezclado progresivamente con negro.

  1. #58391d
  2. #4f331a
  3. #462e17
  4. #3e2814
  5. #352211
  6. #2c1d0f
  7. #23170c
  8. #1a1109
  9. #120b06
  10. #090603
  11. #000000

Tintes

#58391d mezclado progresivamente con blanco.

  1. #58391d
  2. #694d34
  3. #79614a
  4. #8a7461
  5. #9b8877
  6. #ac9c8e
  7. #bcb0a5
  8. #cdc4bb
  9. #ded7d2
  10. #eeebe8
  11. #ffffff

Tonos

#58391d mezclado progresivamente con gris.

  1. #58391d
  2. #5c4027
  3. #604731
  4. #644e3b
  5. #685545
  6. #6c5d4f
  7. #706458
  8. #746b62
  9. #78726c
  10. #7c7976
  11. #808080

Texto legible 10.41:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Texto legible 2.02:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Acromatopsia #404040 ≈ 0.003% de los hombres
Acromatomalía #4b3d35 ≈ 0.001% de los hombres
Protanopía #433c1a ≈ 1.01% de los hombres
Deuteranopía #4a431d ≈ 1.27% de los hombres
Tritanopía #603232 ≈ 0.0001% de los hombres
Protanomalía #4c3b1b ≈ 1.08% de los hombres
Deuteranomalía #503f1d ≈ 4.63% de los hombres
Tritanomalía #5d352b ≈ 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-58391d {
  color: #58391d;
}
Fondo
.bg-58391d {
  background-color: #58391d;
  color: #ffffff;
}
Borde
.border-58391d {
  border: 2px solid #58391d;
}
Variables CSS
:root {
  --color-primary: #58391d;
  --color-primary-rgb: 88 57 29;
  --color-primary-hsl: 28 50% 23%;
}
Degradado
.gradient-58391d {
  background: linear-gradient(135deg, #58391d, #58561d);
}
Sombra de color
.shadow-58391d {
  box-shadow: 0 8px 24px rgb(88 57 29 / 0.35);
}

#704214 Sepia ΔE 6.98 #6f4e37 Coffee ΔE 7.61 #3d2b1f Bistre ΔE 8.79 #483c32 Taupe ΔE 9.70 #80461b Russet ΔE 10.10 #635147 Umber ΔE 11.07 #6c541e Field Drab ΔE 12.01 #a7c6e2 Invertido #404040 Escala de grises 

Sepia
#58391d  rgb(88, 57, 29)  hsl(28, 50%, 23%)  Sepia
#1d3c58  rgb(29, 60, 88)  hsl(208, 50%, 23%)  Prussian Blue
#1d5839  rgb(29, 88, 57)  hsl(148, 50%, 23%)  Hunter Green
#391d58  rgb(57, 29, 88)  hsl(268, 50%, 23%)  Persian Indigo