#8F42C2

Color con nombre más cercano: Purply (#983FB2). oklch(53.8% 0.196 308.9), rgb(143, 66, 194).

Aa

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

Sobre este color

#8F42C2 es un morado medio-oscuro y vívido. En OKLCH, su luminosidad es 54%, su croma 0.196 y su matiz 309°. Su matiz queda entre las mitades cálida y fría de la rueda. El color con nombre más cercano es Purply (#983FB2), a una distancia de ΔE 0.031. El texto blanco es el que mejor se lee sobre este color, con 5.63:1.

Familia de matizMorados
Luminosidadmedio-oscuro (54%)
Cromavívido (0.196)
Temperaturaintermedio
Nombre más cercanoPurply (#983FB2)
Texto negro3.72:1
Texto blanco5.63:1

Valores

HEX#8F42C2
RGBrgb(143, 66, 194)
HSLhsl(276, 51%, 51%)
OKLCHoklch(53.8% 0.196 308.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ónWCAG 2ResultadoAPCAGuía APCA
Texto blanco sobre #8F42C2 5.63:1 AA Lc -82.8 Bueno para texto de cuerpo
Texto negro sobre #8F42C2 3.72:1 AA texto grande Lc 26.6 Solo divisores y decoración
Texto #8F42C2 sobre blanco 5.63:1 AA Lc 77.5 Bueno para texto de cuerpo
Texto #8F42C2 sobre negro 3.72:1 AA texto grande Lc -24.3 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 600.

  1. Paso 50

    50

    #F8F3FC

    oklch(97.1% 0.013 310.5)

  2. Paso 100

    100

    #EFE6F7

    oklch(93.7% 0.025 309.4)

  3. Paso 200

    200

    #E2D1F2

    oklch(88.5% 0.048 308.5)

  4. Paso 300

    300

    #D1B1EC

    oklch(80.8% 0.088 309.1)

  5. Paso 400

    400

    #BA86E3

    oklch(70.6% 0.142 308.9)

  6. Paso 500

    500

    #A965DB

    oklch(63.2% 0.18 308.7)

  7. Paso 600

    600 (este color)

    #8F42C2

    oklch(53.8% 0.196 308.9)

  8. Paso 700

    700

    #7E38AD

    oklch(49.1% 0.182 308.6)

  9. Paso 800

    800

    #67308C

    oklch(42.8% 0.15 308.9)

  10. Paso 900

    900

    #542C70

    oklch(37.8% 0.117 309)

  11. Paso 950

    950

    #311A42

    oklch(27% 0.076 308.7)

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

#8F42C2 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)#0064C60.168
Deuteranopía (sin conos verdes)#2C68BF0.154
Tritanopía (sin conos azules)#875D7C0.137
Acromatopsia (sin color)#6767670.197

Armonías

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

Complementario

El matiz opuesto (180°).

  • #8F42C2

    #8F42C2

    oklch(53.8% 0.196 308.9)

  • #547D00

    #547D00

    oklch(53.9% 0.143 128.9)

Abre la paleta complementaria en el generador

Análogo

Matices vecinos, 30° a cada lado.

  • #8F42C2

    #8F42C2

    oklch(53.8% 0.196 308.9)

  • #5B57DB

    #5B57DB

    oklch(53.7% 0.196 278.9)

  • #B12F93

    #B12F93

    oklch(53.9% 0.195 338.9)

Abre la paleta análoga en el generador

Complementario dividido

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

  • #8F42C2

    #8F42C2

    oklch(53.8% 0.196 308.9)

  • #7F6E00

    #7F6E00

    oklch(53.8% 0.111 98.5)

  • #008353

    #008353

    oklch(53.8% 0.124 159.1)

Abre la paleta complementaria dividida en el generador

Triádico

Tres matices separados por 120°.

  • #8F42C2

    #8F42C2

    oklch(53.8% 0.196 308.9)

  • #995F00

    #995F00

    oklch(53.7% 0.117 68.9)

  • #007F79

    #007F79

    oklch(53.8% 0.093 189)

Abre la paleta triádica en el generador

Cuadrado

Cuatro matices separados por 90°.

  • #8F42C2

    #8F42C2

    oklch(53.8% 0.196 308.9)

  • #BC3D00

    #BC3D00

    oklch(53.8% 0.172 39)

  • #547D00

    #547D00

    oklch(53.9% 0.143 128.9)

  • #007B94

    #007B94

    oklch(53.8% 0.097 218.6)

Abre la paleta cuadrada en el generador

Paletas y degradados que usan #8F42C2

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