#986B52
Color con nombre más cercano: Earth (#A2653E). oklch(56.8% 0.069 50), rgb(152, 107, 82).
Aa
El texto blanco es el que mejor se lee sobre este color (4.60:1).
Sobre este color
#986B52 es un marrón medio-oscuro y apagado. En OKLCH, su luminosidad es 57%, su croma 0.069 y su matiz 50°. Su matiz está del lado cálido de la rueda cromática. El color con nombre más cercano es Earth (#A2653E), a una distancia de ΔE 0.027. El texto blanco es el que mejor se lee sobre este color, con 4.60:1.
| Familia de matiz | Marrones |
| Luminosidad | medio-oscuro (57%) |
| Croma | apagado (0.069) |
| Temperatura | cálido |
| Nombre más cercano | Earth (#A2653E) |
| Texto negro | 4.55:1 |
| Texto blanco | 4.60:1 |
Valores
| HEX | #986B52 |
| RGB | rgb(152, 107, 82) |
| HSL | hsl(21, 30%, 46%) |
| OKLCH | oklch(56.8% 0.069 50) |
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 #986B52 | 4.60:1 | AA | Lc -77.3 | Bueno para texto de cuerpo |
| Texto negro sobre #986B52 | 4.55:1 | AA | Lc 32.2 | Elementos que no son texto, texto de marcador de posición |
| Texto #986B52 sobre blanco | 4.60:1 | AA | Lc 71.9 | Texto de contenido, no para lecturas largas |
| Texto #986B52 sobre negro | 4.55:1 | AA | Lc -29.8 | Solo divisores y decoración |
Tintes y tonos
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 600.
-
Paso 50
50
#F8F5F3
oklch(97.2% 0.004 56.4)
-
Paso 100
100
#EFE8E5
oklch(93.6% 0.009 44.9)
-
Paso 200
200
#E3D6CF
oklch(88.5% 0.017 50.4)
-
Paso 300
300
#D2BBAF
oklch(80.8% 0.031 49.4)
-
Paso 400
400
#BB9886
oklch(70.7% 0.049 48.7)
-
Paso 500
500
#A97F67
oklch(63.1% 0.063 51)
-
Paso 600
600 (este color)
#986B52
oklch(56.8% 0.069 50)
-
Paso 700
700
#7E563F
oklch(49.1% 0.064 50.6)
-
Paso 800
800
#674634
oklch(42.6% 0.054 49.4)
-
Paso 900
900
#543B2E
oklch(37.7% 0.042 48.5)
-
Paso 950
950
#31231B
oklch(27% 0.026 51)
Exporta esta escala para Tailwind con la herramienta de colores de Tailwind
#986B52 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) | #776F50 | 0.056 |
| Deuteranopía (sin conos verdes) | #827952 | 0.051 |
| Tritanopía (sin conos azules) | #A36364 | 0.043 |
| Acromatopsia (sin color) | #757575 | 0.069 |
Armonías
Rotaciones de matiz en OKLCH que conservan la luminosidad y el croma de este color.
Complementario
El matiz opuesto (180°).
- #986B52
#986B52
oklch(56.8% 0.069 50)
- #497F98
#497F98
oklch(56.9% 0.069 229.6)
Análogo
Matices vecinos, 30° a cada lado.
Complementario dividido
Los dos matices junto al complementario (150° y 210°).
Triádico
Tres matices separados por 120°.
Paletas y degradados que usan #986B52
Estas paletas y degradados seleccionados contienen exactamente #986B52. Abre uno para ver el esquema de color completo que lo rodea.
Paletas
Colores con nombre similares
Las ocho entradas más cercanas de nuestra lista de colores con nombre, con su distancia ΔE.
- Earth #A2653E ΔE 0.027
- Mocha #9D7651 ΔE 0.033
- Dull Brown #876E4B ΔE 0.033
- Dirt #8A6E45 ΔE 0.033
- Reddish Grey #997570 ΔE 0.042
- Grey Brown #7F7053 ΔE 0.043
- Dark Taupe #7F684E ΔE 0.045
- Sepia #985E2B ΔE 0.047
Usa #986B52 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.