#6A477D
Color con nombre más cercano: Twilight (#4E518B). oklch(45.9% 0.094 312.9), rgb(106, 71, 125).
Aa
El texto blanco es el que mejor se lee sobre este color (7.47:1).
Sobre este color
#6A477D es un morado medio-oscuro y moderadamente saturado. En OKLCH, su luminosidad es 46%, su croma 0.094 y su matiz 313°. Su matiz queda entre las mitades cálida y fría de la rueda. El color con nombre más cercano es Twilight (#4E518B), a una distancia de ΔE 0.053. El texto blanco es el que mejor se lee sobre este color, con 7.47:1.
| Familia de matiz | Morados |
| Luminosidad | medio-oscuro (46%) |
| Croma | moderadamente saturado (0.094) |
| Temperatura | intermedio |
| Nombre más cercano | Twilight (#4E518B) |
| Texto negro | 2.81:1 |
| Texto blanco | 7.47:1 |
Valores
| HEX | #6A477D |
| RGB | rgb(106, 71, 125) |
| HSL | hsl(279, 28%, 38%) |
| OKLCH | oklch(45.9% 0.094 312.9) |
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 #6A477D | 7.47:1 | AAA | Lc -90.7 | Ideal para texto de cuerpo |
| Texto negro sobre #6A477D | 2.81:1 | No cumple | Lc 18.2 | Solo divisores y decoración |
| Texto #6A477D sobre blanco | 7.47:1 | AAA | Lc 85.8 | Bueno para texto de cuerpo |
| Texto #6A477D sobre negro | 2.81:1 | No cumple | Lc -16.2 | 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 700.
-
Paso 50
50
#F7F4F8
oklch(97.1% 0.006 317.8)
-
Paso 100
100
#EDE7F0
oklch(93.5% 0.014 314.8)
-
Paso 200
200
#DFD5E5
oklch(88.6% 0.024 313.1)
-
Paso 300
300
#CBB9D6
oklch(81% 0.045 312.8)
-
Paso 400
400
#B194C1
oklch(70.8% 0.072 313.4)
-
Paso 500
500
#9D79B2
oklch(63.2% 0.093 312.6)
-
Paso 600
600
#88619D
oklch(55.6% 0.1 313.2)
-
Paso 700
700 (este color)
#6A477D
oklch(45.9% 0.094 312.9)
-
Paso 800
800
#5E426D
oklch(42.8% 0.077 313.2)
-
Paso 900
900
#4D3859
oklch(37.8% 0.061 312.7)
-
Paso 950
950
#2D2134
oklch(27.1% 0.038 312.6)
Exporta esta escala para Tailwind con la herramienta de colores de Tailwind
#6A477D 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) | #3D537F | 0.075 |
| Deuteranopía (sin conos verdes) | #46567B | 0.069 |
| Tritanopía (sin conos azules) | #684F5C | 0.065 |
| Acromatopsia (sin color) | #555555 | 0.094 |
Armonías
Rotaciones de matiz en OKLCH que conservan la luminosidad y el croma de este color.
Complementario
El matiz opuesto (180°).
- #6A477D
#6A477D
oklch(45.9% 0.094 312.9)
- #436328
#436328
oklch(46% 0.094 132.7)
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 #6A477D
Estas paletas y degradados seleccionados contienen exactamente #6A477D. 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.
- Twilight #4E518B ΔE 0.053
- Dusk #4E5481 ΔE 0.055
- Light Eggplant #894585 ΔE 0.059
- Dusty Grape #545775 ΔE 0.060
- Muted Purple #805B87 ΔE 0.069
- Dull Purple #84597E ΔE 0.072
- Rebecca Purple #663399 ΔE 0.072
- Dark Slate Blue #483D8B ΔE 0.074
Usa #6A477D 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.