#395B00
Color con nombre más cercano: Navy Green (#35530A). oklch(42.8% 0.116 130.2), rgb(57, 91, 0).
Aa
El texto blanco es el que mejor se lee sobre este color (7.86:1).
Sobre este color
#395B00 es un verde oscuro y moderadamente saturado. En OKLCH, su luminosidad es 43%, su croma 0.116 y su matiz 130°. Su matiz queda entre las mitades cálida y fría de la rueda. El color con nombre más cercano es Navy Green (#35530A), a una distancia de ΔE 0.028. El texto blanco es el que mejor se lee sobre este color, con 7.86:1.
| Familia de matiz | Verdes |
| Luminosidad | oscuro (43%) |
| Croma | moderadamente saturado (0.116) |
| Temperatura | intermedio |
| Nombre más cercano | Navy Green (#35530A) |
| Texto negro | 2.67:1 |
| Texto blanco | 7.86:1 |
Valores
| HEX | #395B00 |
| RGB | rgb(57, 91, 0) |
| HSL | hsl(82, 100%, 18%) |
| OKLCH | oklch(42.8% 0.116 130.2) |
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 #395B00 | 7.86:1 | AAA | Lc -91.8 | Ideal para texto de cuerpo |
| Texto negro sobre #395B00 | 2.67:1 | No cumple | Lc 17.0 | Solo divisores y decoración |
| Texto #395B00 sobre blanco | 7.86:1 | AAA | Lc 87.1 | Bueno para texto de cuerpo |
| Texto #395B00 sobre negro | 2.67:1 | No cumple | Lc -15.1 | 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 800.
-
Paso 50
50
#F3F7F0
oklch(97.1% 0.01 131.4)
-
Paso 100
100
#E5EDDF
oklch(93.6% 0.02 131.5)
-
Paso 200
200
#D1DFC5
oklch(88.6% 0.038 130.4)
-
Paso 300
300
#B2CA9C
oklch(80.9% 0.068 130.2)
-
Paso 400
400
#8AAE65
oklch(70.7% 0.107 130.2)
-
Paso 500
500
#6D9936
oklch(63% 0.137 130)
-
Paso 600
600
#548300
oklch(55.5% 0.15 130.2)
-
Paso 700
700
#466F00
oklch(49.2% 0.133 130.4)
-
Paso 800
800 (este color)
#395B00
oklch(42.8% 0.116 130.2)
-
Paso 900
900
#314B0F
oklch(37.8% 0.09 130.4)
-
Paso 950
950
#1D2C0B
oklch(27.1% 0.057 130.1)
Exporta esta escala para Tailwind con la herramienta de colores de Tailwind
#395B00 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) | #605300 | 0.062 |
| Deuteranopía (sin conos verdes) | #5B510D | 0.060 |
| Tritanopía (sin conos azules) | #3B564C | 0.090 |
| Acromatopsia (sin color) | #525252 | 0.116 |
Armonías
Rotaciones de matiz en OKLCH que conservan la luminosidad y el croma de este color.
Complementario
El matiz opuesto (180°).
- #395B00
#395B00
oklch(42.8% 0.116 130.2)
- #633A7E
#633A7E
oklch(42.9% 0.116 310.2)
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 #395B00
Estas paletas y degradados seleccionados contienen exactamente #395B00. 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.
- Navy Green #35530A ΔE 0.028
- Army Green #4B5D16 ΔE 0.031
- Camouflage Green #4B6113 ΔE 0.034
- Deep Green #02590F ΔE 0.041
- Pine #2B5D34 ΔE 0.043
- Dark Green #006400 ΔE 0.044
- Forest #0B5509 ΔE 0.046
- Spruce #0A5F38 ΔE 0.051
Usa #395B00 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.