Dark Brown #341C02
Dark Brown es un marrón oscuro y apagado, con código hex #341C02 y RGB rgb(52, 28, 2).
Aa
El texto blanco es el que mejor se lee sobre este color (15.99:1).
Sobre este color
#341C02 es un marrón oscuro y apagado. En OKLCH, su luminosidad es 25%, su croma 0.054 y su matiz 65°. Su matiz está del lado cálido de la rueda cromática. Es el color con nombre Dark Brown. El texto blanco es el que mejor se lee sobre este color, con 15.99:1.
| Familia de matiz | Marrones |
| Luminosidad | oscuro (25%) |
| Croma | apagado (0.054) |
| Temperatura | cálido |
| Nombre más cercano | Dark Brown |
| Texto negro | 1.31:1 |
| Texto blanco | 15.99:1 |
Colores que combinan con Dark Brown
Combinaciones obtenidas al rotar Dark 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 Dark Brown
Paletas seleccionadas que contienen un color a menos de ΔE 0.06 (OKLab) de Dark Brown, de la más cercana a la más lejana.
Colores con nombre similares
Los ocho colores con nombre más cercanos a Dark Brown, con su distancia ΔE.
- Chocolate Brown #411900 ΔE 0.029
- Deep Brown #410200 ΔE 0.060
- Jet #212529 ΔE 0.064
- Mahogany #4A0100 ΔE 0.068
- Dark Maroon #3C0008 ΔE 0.070
- Dark #1B2431 ΔE 0.082
- Pakistan Green #283618 ΔE 0.082
- Very Dark Green #062E03 ΔE 0.088
Más sobre Dark Brown
Cómo hacer Dark 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.
- 1 parte de naranja
- 1 parte de negro
Resultado de la receta: #292821, una diferencia de ΔE 0.050 respecto a Dark Brown. Es parecido; añade un poco más de una de las pinturas para igualarlo.
Códigos de Dark Brown en todos los formatos
| HEX | #341C02 |
| RGB | rgb(52, 28, 2) |
| HSL | hsl(31, 93%, 11%) |
| OKLCH | oklch(25.4% 0.054 64.5) |
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 #341C02 | 15.99:1 | AAA | Lc -105.4 | Ideal para texto de cuerpo |
| Texto negro sobre #341C02 | 1.31:1 | No cumple | Lc 0.0 | No legible |
| Texto #341C02 sobre blanco | 15.99:1 | AAA | Lc 102.8 | Ideal para texto de cuerpo |
| Texto #341C02 sobre negro | 1.31:1 | No cumple | Lc 0.0 | No legible |
Tonos y tintes de Dark 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 950.
-
Paso 50
50
#FAF4F0
oklch(97.1% 0.008 56.3)
-
Paso 100
100
#F3E8DD
oklch(93.7% 0.019 67.6)
-
Paso 200
200
#EAD5C1
oklch(88.5% 0.036 66)
-
Paso 300
300
#DEB996
oklch(80.9% 0.064 65.1)
-
Paso 400
400
#CD9359
oklch(70.8% 0.102 64.8)
-
Paso 500
500
#BF7620
oklch(63.1% 0.131 64.4)
-
Paso 600
600
#A56100
oklch(55.7% 0.126 64.5)
-
Paso 700
700
#8B5100
oklch(49.2% 0.111 64.6)
-
Paso 800
800
#724200
oklch(42.7% 0.096 65.1)
-
Paso 900
900
#603600
oklch(37.7% 0.085 64.2)
-
Paso 950
950 (este color)
#341C02
oklch(25.4% 0.054 64.5)
Exporta esta escala para Tailwind con la herramienta de colores de Tailwind
Dark 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) | #241E00 | 0.036 |
| Deuteranopía (sin conos verdes) | #292402 | 0.033 |
| Tritanopía (sin conos azules) | #3A1617 | 0.042 |
| Acromatopsia (sin color) | #222222 | 0.054 |
Usa Dark 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.