#B36D82
Color con nombre más cercano: Mauve (#AE7181). oklch(61.7% 0.092 0.8), rgb(179, 109, 130).
Aa
El texto negro es el que mejor se lee sobre este color (5.42:1).
Sobre este color
#B36D82 es un rojo medio-oscuro y moderadamente saturado. En OKLCH, su luminosidad es 62%, su croma 0.092 y su matiz 1°. Su matiz está del lado cálido de la rueda cromática. El color con nombre más cercano es Mauve (#AE7181), a una distancia de ΔE 0.013. El texto negro es el que mejor se lee sobre este color, con 5.42:1.
| Familia de matiz | Rojos |
| Luminosidad | medio-oscuro (62%) |
| Croma | moderadamente saturado (0.092) |
| Temperatura | cálido |
| Nombre más cercano | Mauve (#AE7181) |
| Texto negro | 5.42:1 |
| Texto blanco | 3.86:1 |
Valores
| HEX | #B36D82 |
| RGB | rgb(179, 109, 130) |
| HSL | hsl(342, 32%, 56%) |
| OKLCH | oklch(61.7% 0.092 0.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 #B36D82 | 3.86:1 | AA texto grande | Lc -71.5 | Texto de contenido, no para lecturas largas |
| Texto negro sobre #B36D82 | 5.42:1 | AA | Lc 38.1 | Elementos que no son texto, texto de marcador de posición |
| Texto #B36D82 sobre blanco | 3.86:1 | AA texto grande | Lc 66.0 | Texto de contenido, no para lecturas largas |
| Texto #B36D82 sobre negro | 5.42:1 | AA | Lc -35.7 | Elementos que no son texto, texto de marcador de posició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 500.
-
Paso 50
50
#F9F4F5
oklch(97.1% 0.006 3.3)
-
Paso 100
100
#F2E6E9
oklch(93.5% 0.014 0.3)
-
Paso 200
200
#E8D3D8
oklch(88.5% 0.024 1.4)
-
Paso 300
300
#DBB5BF
oklch(80.9% 0.046 0.6)
-
Paso 400
400
#C78E9E
oklch(70.7% 0.072 0.7)
-
Paso 500
500 (este color)
#B36D82
oklch(61.7% 0.092 0.8)
-
Paso 600
600
#A35970
oklch(55.7% 0.1 1)
-
Paso 700
700
#8B485E
oklch(49% 0.094 0.2)
-
Paso 800
800
#713C4D
oklch(42.7% 0.077 0.4)
-
Paso 900
900
#5C3340
oklch(37.7% 0.062 0.1)
-
Paso 950
950
#361E25
oklch(26.9% 0.039 1.2)
Exporta esta escala para Tailwind con la herramienta de colores de Tailwind
#B36D82 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) | #777A83 | 0.100 |
| Deuteranopía (sin conos verdes) | #888680 | 0.093 |
| Tritanopía (sin conos azules) | #BE6974 | 0.026 |
| Acromatopsia (sin color) | #818181 | 0.093 |
Armonías
Rotaciones de matiz en OKLCH que conservan la luminosidad y el croma de este color.
Complementario
El matiz opuesto (180°).
- #B36D82
#B36D82
oklch(61.7% 0.092 0.8)
- #379788
#379788
oklch(61.6% 0.092 181)
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 #B36D82
Estas paletas y degradados seleccionados contienen exactamente #B36D82. 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.
- Mauve #AE7181 ΔE 0.013
- Dusky Rose #BA6873 ΔE 0.024
- Dusty Rose #C0737A ΔE 0.033
- Old Pink #C77986 ΔE 0.049
- Pinkish Brown #B17261 ΔE 0.054
- Dusky Pink #CC7A8B ΔE 0.057
- English Lavender #9D8189 ΔE 0.058
- Brownish Pink #C27E79 ΔE 0.058
Usa #B36D82 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.