#AF9400
Color con nombre más cercano: Brown Yellow (#B29705). oklch(67.1% 0.138 96), rgb(175, 148, 0).
Aa
El texto negro es el que mejor se lee sobre este color (7.05:1).
Sobre este color
#AF9400 es un amarillo medio-claro y moderadamente saturado. En OKLCH, su luminosidad es 67%, su croma 0.138 y su matiz 96°. Su matiz está del lado cálido de la rueda cromática. El color con nombre más cercano es Brown Yellow (#B29705), a una distancia de ΔE 0.010. El texto negro es el que mejor se lee sobre este color, con 7.05:1.
| Familia de matiz | Amarillos |
| Luminosidad | medio-claro (67%) |
| Croma | moderadamente saturado (0.138) |
| Temperatura | cálido |
| Nombre más cercano | Brown Yellow (#B29705) |
| Texto negro | 7.05:1 |
| Texto blanco | 2.97:1 |
Valores
| HEX | #AF9400 |
| RGB | rgb(175, 148, 0) |
| HSL | hsl(51, 100%, 34%) |
| OKLCH | oklch(67.1% 0.138 96) |
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 #AF9400 | 2.97:1 | No cumple | Lc -61.5 | Texto de contenido, no para lecturas largas |
| Texto negro sobre #AF9400 | 7.05:1 | AAA | Lc 47.9 | Texto grande o en negrita, títulos |
| Texto #AF9400 sobre blanco | 2.97:1 | No cumple | Lc 56.1 | Texto grande o en negrita, títulos |
| Texto #AF9400 sobre negro | 7.05:1 | AAA | Lc -45.7 | Texto grande o en negrita, títulos |
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 400.
-
Paso 50
50
#F8F6ED
oklch(97.2% 0.012 96.4)
-
Paso 100
100
#EFEAD8
oklch(93.6% 0.024 94.1)
-
Paso 200
200
#E2DAB6
oklch(88.6% 0.048 96.9)
-
Paso 300
300
#D1C180
oklch(80.9% 0.086 96)
-
Paso 400
400 (este color)
#AF9400
oklch(67.1% 0.138 96)
-
Paso 500
500
#A18800
oklch(63.1% 0.13 96)
-
Paso 600
600
#877200
oklch(55.5% 0.114 96.2)
-
Paso 700
700
#726000
oklch(49.2% 0.101 96.3)
-
Paso 800
800
#5D4E00
oklch(42.6% 0.088 96.3)
-
Paso 900
900
#4E4100
oklch(37.8% 0.078 96.2)
-
Paso 950
950
#2F2600
oklch(27.1% 0.056 95.5)
Exporta esta escala para Tailwind con la herramienta de colores de Tailwind
#AF9400 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) | #A59100 | 0.019 |
| Deuteranopía (sin conos verdes) | #AC9915 | 0.013 |
| Tritanopía (sin conos azules) | #BE877D | 0.126 |
| Acromatopsia (sin color) | #969696 | 0.138 |
Armonías
Rotaciones de matiz en OKLCH que conservan la luminosidad y el croma de este color.
Complementario
El matiz opuesto (180°).
- #AF9400
#AF9400
oklch(67.1% 0.138 96)
- #7F8CE9
#7F8CE9
oklch(67% 0.138 276)
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 #AF9400
Estas paletas y degradados seleccionados contienen exactamente #AF9400. Abre uno para ver el esquema de color completo que lo rodea.
Degradados
Colores con nombre similares
Las ocho entradas más cercanas de nuestra lista de colores con nombre, con su distancia ΔE.
- Brown Yellow #B29705 ΔE 0.010
- Dark Gold #B59410 ΔE 0.011
- Yellow Brown #B79400 ΔE 0.013
- Yellowy Brown #AE8B0C ΔE 0.025
- Ochre #BF9005 ΔE 0.028
- Dark Mustard #A88905 ΔE 0.033
- Ocher #BF9B0C ΔE 0.033
- Dark Goldenrod #B8860B ΔE 0.039
Usa #AF9400 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.