Saddle Brown #8B4513
Saddle Brown es un marrón medio-oscuro y moderadamente saturado, con código hex #8B4513 y RGB rgb(139, 69, 19).
Aa
El texto blanco es el que mejor se lee sobre este color (7.09:1).
Sobre este color
#8B4513 es un marrón medio-oscuro y moderadamente saturado. En OKLCH, su luminosidad es 47%, su croma 0.112 y su matiz 51°. Su matiz está del lado cálido de la rueda cromática. Es el color con nombre Saddle Brown. El texto blanco es el que mejor se lee sobre este color, con 7.09:1.
| Familia de matiz | Marrones |
| Luminosidad | medio-oscuro (47%) |
| Croma | moderadamente saturado (0.112) |
| Temperatura | cálido |
| Nombre más cercano | Saddle Brown |
| Texto negro | 2.95:1 |
| Texto blanco | 7.09:1 |
Colores que combinan con Saddle Brown
Combinaciones obtenidas al rotar Saddle Brown por la rueda de matiz de OKLCH, cada una con el nombre más cercano de nuestra lista.
Complementario
El matiz opuesto (180°).
Análogo
Matices vecinos, 30° a cada lado.
Triádico
Tres matices separados por 120°.
Paletas de colores con Saddle Brown
Paletas seleccionadas que contienen un color a menos de ΔE 0.06 (OKLab) de Saddle Brown, de la más cercana a la más lejana.
Colores con nombre similares
Los ocho colores con nombre más cercanos a Saddle Brown, con su distancia ΔE.
- Milk Chocolate #7F4E1E ΔE 0.029
- Warm Brown #964E02 ΔE 0.035
- Medium Brown #7F5112 ΔE 0.037
- Burnt Umber #A0450E ΔE 0.041
- Rust Brown #8B3103 ΔE 0.043
- Russet #A13905 ΔE 0.046
- Red Brown #8B2E16 ΔE 0.052
- Brown Red #922B05 ΔE 0.052
Más sobre Saddle Brown
Cómo hacer Saddle Brown
Una receta inicial con colores de pintura comunes, calculada con un modelo espectral de pintura (el modo pintura del mezclador). Los pigmentos reales varían: mezcla primero una pequeña prueba y ajusta.
- 3 partes de marrón
- 1 parte de rojo
- 1 parte de naranja
Resultado de la receta: #884928, una diferencia de ΔE 0.017 respecto a Saddle Brown. Es muy parecido: la mayoría de la gente no notará la diferencia.
Códigos de Saddle Brown en todos los formatos
| HEX | #8B4513 |
| RGB | rgb(139, 69, 19) |
| HSL | hsl(25, 76%, 31%) |
| OKLCH | oklch(47.1% 0.112 50.8) |
Contraste
Las relaciones de contraste de WCAG 2 son el objetivo de conformidad: AA exige 4.5:1 para texto de cuerpo y 3:1 para texto grande; AAA exige 7:1. Los valores Lc de APCA son una guía complementaria de los borradores de WCAG 3.
| Combinación | WCAG 2 | Resultado | APCA | Guía APCA |
|---|---|---|---|---|
| Texto blanco sobre #8B4513 | 7.09:1 | AAA | Lc -89.1 | Bueno para texto de cuerpo |
| Texto negro sobre #8B4513 | 2.95:1 | No cumple | Lc 19.9 | Solo divisores y decoración |
| Texto #8B4513 sobre blanco | 7.09:1 | AAA | Lc 84.1 | Bueno para texto de cuerpo |
| Texto #8B4513 sobre negro | 2.95:1 | No cumple | Lc -17.8 | Solo divisores y decoración |
Tonos y tintes de Saddle Brown
Una escala de 50 a 950 creada en OKLCH: el matiz se mantiene, la luminosidad sigue una curva parecida a la de Tailwind v4 y cada paso permanece dentro de la gama sRGB. Este color está en el paso 700.
-
Paso 50
50
#FAF4F1
oklch(97.1% 0.008 48.7)
-
Paso 100
100
#F3E7E1
oklch(93.6% 0.015 48.6)
-
Paso 200
200
#EAD4C8
oklch(88.5% 0.03 50.6)
-
Paso 300
300
#DEB7A1
oklch(80.8% 0.054 51.1)
-
Paso 400
400
#CD916F
oklch(70.8% 0.087 50.4)
-
Paso 500
500
#BE7448
oklch(63% 0.111 50.4)
-
Paso 600
600
#AA5C28
oklch(55.7% 0.121 51.1)
-
Paso 700
700 (este color)
#8B4513
oklch(47.1% 0.112 50.8)
-
Paso 800
800
#763E19
oklch(42.7% 0.092 51)
-
Paso 900
900
#60351B
oklch(37.7% 0.073 50.2)
-
Paso 950
950
#381F11
oklch(26.9% 0.046 49.2)
Exporta esta escala para Tailwind con la herramienta de colores de Tailwind
Saddle Brown con daltonismo
Simulado con el modelo de Machado et al. (2009). ΔE es cuánto se desplaza el color: por debajo de 0.02 aproximadamente no notarías el cambio.
| Visión | Se ve como | Cambio (ΔE) |
|---|---|---|
| Protanopía (sin conos rojos) | #594E0A | 0.097 |
| Deuteranopía (sin conos verdes) | #6A5E11 | 0.087 |
| Tritanopía (sin conos azules) | #99353B | 0.068 |
| Acromatopsia (sin color) | #585858 | 0.113 |
Usa Saddle Brown en tu producto
Conviértelo en roles de interfaz claros y oscuros con el contraste verificado y expórtalos a Tailwind v4, shadcn/ui, CSS o design tokens.