#6E2CA1

Color con nombre más cercano: Rebecca Purple (#663399). oklch(44.7% 0.18 306.1), rgb(110, 44, 161).

Aa

El texto blanco es el que mejor se lee sobre este color (8.27:1).

Sobre este color

#6E2CA1 es un morado oscuro y vívido. En OKLCH, su luminosidad es 45%, su croma 0.180 y su matiz 306°. Su matiz queda entre las mitades cálida y fría de la rueda. El color con nombre más cercano es Rebecca Purple (#663399), a una distancia de ΔE 0.023. El texto blanco es el que mejor se lee sobre este color, con 8.27:1.

Familia de matizMorados
Luminosidadoscuro (45%)
Cromavívido (0.180)
Temperaturaintermedio
Nombre más cercanoRebecca Purple (#663399)
Texto negro2.53:1
Texto blanco8.27:1

Valores

HEX#6E2CA1
RGBrgb(110, 44, 161)
HSLhsl(274, 57%, 40%)
OKLCHoklch(44.7% 0.18 306.1)

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ónWCAG 2ResultadoAPCAGuía APCA
Texto blanco sobre #6E2CA1 8.27:1 AAA Lc -92.4 Ideal para texto de cuerpo
Texto negro sobre #6E2CA1 2.53:1 No cumple Lc 16.2 Solo divisores y decoración
Texto #6E2CA1 sobre blanco 8.27:1 AAA Lc 87.8 Bueno para texto de cuerpo
Texto #6E2CA1 sobre negro 2.53:1 No cumple Lc -14.4 No legible

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.

  1. Paso 50

    50

    #F8F3FD

    oklch(97.1% 0.014 308.3)

  2. Paso 100

    100

    #EFE5FB

    oklch(93.6% 0.031 306.2)

  3. Paso 200

    200

    #E3D0F8

    oklch(88.6% 0.058 306.7)

  4. Paso 300

    300

    #D1AFF7

    oklch(80.9% 0.106 305.7)

  5. Paso 400

    400

    #BB81F2

    oklch(70.7% 0.168 306.3)

  6. Paso 500

    500

    #AA5BEE

    oklch(63.1% 0.216 305.8)

  7. Paso 600

    600

    #9639DC

    oklch(55.6% 0.234 306)

  8. Paso 700

    700

    #8029BF

    oklch(49.1% 0.217 305.9)

  9. Paso 800

    800 (este color)

    #6E2CA1

    oklch(44.7% 0.18 306.1)

  10. Paso 900

    900

    #54257B

    oklch(37.6% 0.141 305.7)

  11. Paso 950

    950

    #311748

    oklch(26.9% 0.089 305.7)

Exporta esta escala para Tailwind con la herramienta de colores de Tailwind

#6E2CA1 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ónSe ve comoCambio (ΔE)
Protanopía (sin conos rojos)#004CA40.141
Deuteranopía (sin conos verdes)#004F9F0.143
Tritanopía (sin conos azules)#6547640.126
Acromatopsia (sin color)#4E4E4E0.182

Armonías

Rotaciones de matiz en OKLCH que conservan la luminosidad y el croma de este color.

Complementario

El matiz opuesto (180°).

  • #6E2CA1

    #6E2CA1

    oklch(44.7% 0.18 306.1)

  • #455F00

    #455F00

    oklch(44.8% 0.114 125.9)

Abre la paleta complementaria en el generador

Análogo

Matices vecinos, 30° a cada lado.

  • #6E2CA1

    #6E2CA1

    oklch(44.7% 0.18 306.1)

  • #3F40B5

    #3F40B5

    oklch(44.7% 0.18 275.9)

  • #8C1779

    #8C1779

    oklch(44.7% 0.18 336.1)

Abre la paleta análoga en el generador

Complementario dividido

Los dos matices junto al complementario (150° y 210°).

  • #6E2CA1

    #6E2CA1

    oklch(44.7% 0.18 306.1)

  • #645400

    #645400

    oklch(44.8% 0.092 96.3)

  • #00663A

    #00663A

    oklch(44.9% 0.109 155.9)

Abre la paleta complementaria dividida en el generador

Triádico

Tres matices separados por 120°.

  • #6E2CA1

    #6E2CA1

    oklch(44.7% 0.18 306.1)

  • #794700

    #794700

    oklch(44.7% 0.1 65.7)

  • #00625B

    #00625B

    oklch(44.7% 0.078 186.3)

Abre la paleta triádica en el generador

Cuadrado

Cuatro matices separados por 90°.

  • #6E2CA1

    #6E2CA1

    oklch(44.7% 0.18 306.1)

  • #962700

    #962700

    oklch(44.7% 0.152 36.2)

  • #455F00

    #455F00

    oklch(44.8% 0.114 125.9)

  • #005F71

    #005F71

    oklch(44.8% 0.08 216.6)

Abre la paleta cuadrada en el generador

Paletas y degradados que usan #6E2CA1

Estas paletas y degradados seleccionados contienen exactamente #6E2CA1. 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.

Usa #6E2CA1 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.