Deep Brown #410200
Deep Brown es un rojo muy oscuro y moderadamente saturado, con código hex #410200 y RGB rgb(65, 2, 0).
Aa
El texto blanco es el que mejor se lee sobre este color (17.02:1).
Sobre este color
#410200 es un rojo muy oscuro y moderadamente saturado. En OKLCH, su luminosidad es 24%, su croma 0.094 y su matiz 30°. Su matiz está del lado cálido de la rueda cromática. Es el color con nombre Deep Brown. El texto blanco es el que mejor se lee sobre este color, con 17.02:1.
| Familia de matiz | Rojos |
| Luminosidad | muy oscuro (24%) |
| Croma | moderadamente saturado (0.094) |
| Temperatura | cálido |
| Nombre más cercano | Deep Brown |
| Texto negro | 1.23:1 |
| Texto blanco | 17.02:1 |
Colores que combinan con Deep Brown
Combinaciones obtenidas al rotar Deep 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 Deep Brown
Paletas seleccionadas que contienen un color a menos de ΔE 0.06 (OKLab) de Deep Brown, de la más cercana a la más lejana.
Colores con nombre similares
Los ocho colores con nombre más cercanos a Deep Brown, con su distancia ΔE.
- Dark Maroon #3C0008 ΔE 0.021
- Mahogany #4A0100 ΔE 0.022
- Chocolate Brown #411900 ΔE 0.047
- Dark Brown #341C02 ΔE 0.060
- Dark Plum #3F012C ΔE 0.078
- Aubergine #3D0734 ΔE 0.090
- Burgundy #610023 ΔE 0.092
- Eggplant #380835 ΔE 0.095
Más sobre Deep Brown
Cómo hacer Deep 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.
- 2 partes de rojo
- 1 parte de negro
Resultado de la receta: #382427, una diferencia de ΔE 0.081 respecto a Deep Brown. Deep Brown es más intenso de lo que estas pinturas pueden mezclar, así que parte de una pintura rojo ya preparada y ajústala.
Códigos de Deep Brown en todos los formatos
| HEX | #410200 |
| RGB | rgb(65, 2, 0) |
| HSL | hsl(2, 100%, 13%) |
| OKLCH | oklch(23.8% 0.094 30.4) |
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 #410200 | 17.02:1 | AAA | Lc -105.4 | Ideal para texto de cuerpo |
| Texto negro sobre #410200 | 1.23:1 | No cumple | Lc 0.0 | No legible |
| Texto #410200 sobre blanco | 17.02:1 | AAA | Lc 102.9 | Ideal para texto de cuerpo |
| Texto #410200 sobre negro | 1.23:1 | No cumple | Lc 0.0 | No legible |
Tonos y tintes de Deep 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
#FFF2F0
oklch(97.1% 0.014 28)
-
Paso 100
100
#FFE2DD
oklch(93.5% 0.033 29.4)
-
Paso 200
200
#FFCBC1
oklch(88.5% 0.061 30.9)
-
Paso 300
300
#FFA696
oklch(80.9% 0.109 30.7)
-
Paso 400
400
#FC6D59
oklch(70.7% 0.179 30.2)
-
Paso 500
500
#F53521
oklch(63.1% 0.229 30.3)
-
Paso 600
600
#D61500
oklch(55.6% 0.221 30.4)
-
Paso 700
700
#B51000
oklch(49% 0.195 30.4)
-
Paso 800
800
#960B00
oklch(42.7% 0.17 30.3)
-
Paso 900
900
#7E0800
oklch(37.6% 0.149 30.4)
-
Paso 950
950 (este color)
#410200
oklch(23.8% 0.094 30.4)
Exporta esta escala para Tailwind con la herramienta de colores de Tailwind
Deep 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) | #171300 | 0.103 |
| Deuteranopía (sin conos verdes) | #272100 | 0.090 |
| Tritanopía (sin conos azules) | #490002 | 0.020 |
| Acromatopsia (sin color) | #1C1C1C | 0.095 |
Usa Deep 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.