Mud Green #606602
Mud Green es un amarillo medio-oscuro y moderadamente saturado, con código hex #606602 y RGB rgb(96, 102, 2).
Aa
El texto blanco es el que mejor se lee sobre este color (6.17:1).
Sobre este color
#606602 es un amarillo medio-oscuro y moderadamente saturado. En OKLCH, su luminosidad es 49%, su croma 0.109 y su matiz 114°. Su matiz queda entre las mitades cálida y fría de la rueda. Es el color con nombre Mud Green. El texto blanco es el que mejor se lee sobre este color, con 6.17:1.
| Familia de matiz | Amarillos |
| Luminosidad | medio-oscuro (49%) |
| Croma | moderadamente saturado (0.109) |
| Temperatura | intermedio |
| Nombre más cercano | Mud Green |
| Texto negro | 3.39:1 |
| Texto blanco | 6.17:1 |
Colores que combinan con Mud Green
Combinaciones obtenidas al rotar Mud Green 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 Mud Green
Paletas seleccionadas que contienen un color a menos de ΔE 0.06 (OKLab) de Mud Green, de la más cercana a la más lejana.
Colores con nombre similares
Los ocho colores con nombre más cercanos a Mud Green, con su distancia ΔE.
- Greeny Brown #696006 ΔE 0.023
- Camo Green #526525 ΔE 0.027
- Dark Olive Green #556B2F ΔE 0.030
- Browny Green #6F6C0A ΔE 0.031
- Brown Green #706C11 ΔE 0.033
- Camouflage Green #4B6113 ΔE 0.036
- Dark Moss Green #606C38 ΔE 0.039
- Mud #735C12 ΔE 0.044
Más sobre Mud Green
Cómo hacer Mud Green
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.
- 4 partes de naranja
- 3 partes de verde
- 1 parte de negro
Resultado de la receta: #5D6830, una diferencia de ΔE 0.031 respecto a Mud Green. Es parecido; añade un poco más de una de las pinturas para igualarlo.
Códigos de Mud Green en todos los formatos
| HEX | #606602 |
| RGB | rgb(96, 102, 2) |
| HSL | hsl(64, 96%, 20%) |
| OKLCH | oklch(48.8% 0.109 113.7) |
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 #606602 | 6.17:1 | AA | Lc -85.8 | Bueno para texto de cuerpo |
| Texto negro sobre #606602 | 3.39:1 | AA texto grande | Lc 23.4 | Solo divisores y decoración |
| Texto #606602 sobre blanco | 6.17:1 | AA | Lc 80.7 | Bueno para texto de cuerpo |
| Texto #606602 sobre negro | 3.39:1 | AA texto grande | Lc -21.2 | Solo divisores y decoración |
Tonos y tintes de Mud Green
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 700.
-
Paso 50
50
#F5F6F1
oklch(97.1% 0.007 115.7)
-
Paso 100
100
#E9EBE0
oklch(93.6% 0.015 115)
-
Paso 200
200
#D8DCC6
oklch(88.5% 0.03 115.4)
-
Paso 300
300
#C0C59E
oklch(80.9% 0.053 113.5)
-
Paso 400
400
#A0A769
oklch(70.8% 0.084 113.8)
-
Paso 500
500
#89903D
oklch(63% 0.107 113.5)
-
Paso 600
600
#737A16
oklch(55.5% 0.117 113.8)
-
Paso 700
700 (este color)
#606602
oklch(48.8% 0.109 113.7)
-
Paso 800
800
#4F540B
oklch(42.7% 0.09 113.7)
-
Paso 900
900
#414514
oklch(37.5% 0.07 113.7)
-
Paso 950
950
#26290D
oklch(27% 0.045 114.6)
Exporta esta escala para Tailwind con la herramienta de colores de Tailwind
Mud Green 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) | #6F6000 | 0.029 |
| Deuteranopía (sin conos verdes) | #6E620F | 0.027 |
| Tritanopía (sin conos azules) | #675F56 | 0.097 |
| Acromatopsia (sin color) | #616161 | 0.109 |
Usa Mud Green 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.