#50416C

Color con nombre más cercano: Dark Slate Blue (#483D8B). oklch(41% 0.072 299.3), rgb(80, 65, 108).

Aa

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

Sobre este color

#50416C es un morado oscuro y moderadamente saturado. En OKLCH, su luminosidad es 41%, su croma 0.072 y su matiz 299°. Su matiz queda entre las mitades cálida y fría de la rueda. El color con nombre más cercano es Dark Slate Blue (#483D8B), a una distancia de ΔE 0.057. El texto blanco es el que mejor se lee sobre este color, con 9.07:1.

Familia de matizMorados
Luminosidadoscuro (41%)
Cromamoderadamente saturado (0.072)
Temperaturaintermedio
Nombre más cercanoDark Slate Blue (#483D8B)
Texto negro2.31:1
Texto blanco9.07:1

Valores

HEX#50416C
RGBrgb(80, 65, 108)
HSLhsl(261, 25%, 34%)
OKLCHoklch(41% 0.072 299.3)

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 #50416C 9.07:1 AAA Lc -95.2 Ideal para texto de cuerpo
Texto negro sobre #50416C 2.31:1 No cumple Lc 13.2 No legible
Texto #50416C sobre blanco 9.07:1 AAA Lc 90.8 Ideal para texto de cuerpo
Texto #50416C sobre negro 2.31:1 No cumple Lc -11.5 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

    #F6F5F9

    oklch(97.2% 0.005 297.7)

  2. Paso 100

    100

    #EBE8F1

    oklch(93.6% 0.012 301.3)

  3. Paso 200

    200

    #DBD6E7

    oklch(88.5% 0.024 299.3)

  4. Paso 300

    300

    #C4BBD9

    oklch(80.9% 0.043 299.1)

  5. Paso 400

    400

    #A698C5

    oklch(70.7% 0.066 298.9)

  6. Paso 500

    500

    #917EB7

    oklch(63.2% 0.086 299.2)

  7. Paso 600

    600

    #7B66A3

    oklch(55.5% 0.095 299.1)

  8. Paso 700

    700

    #68558B

    oklch(49.1% 0.087 299.4)

  9. Paso 800

    800 (este color)

    #50416C

    oklch(41% 0.072 299.3)

  10. Paso 900

    900

    #463B5B

    oklch(37.8% 0.055 299.6)

  11. Paso 950

    950

    #292236

    oklch(26.9% 0.038 300)

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

#50416C 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)#36486E0.043
Deuteranopía (sin conos verdes)#39486B0.040
Tritanopía (sin conos azules)#4B48510.057
Acromatopsia (sin color)#4848480.073

Armonías

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

Complementario

El matiz opuesto (180°).

  • #50416C

    #50416C

    oklch(41% 0.072 299.3)

  • #46501F

    #46501F

    oklch(41.1% 0.072 119.3)

Abre la paleta complementaria en el generador

Análogo

Matices vecinos, 30° a cada lado.

  • #50416C

    #50416C

    oklch(41% 0.072 299.3)

  • #3A4872

    #3A4872

    oklch(41% 0.073 269)

  • #603B5D

    #603B5D

    oklch(40.9% 0.073 329.7)

Abre la paleta análoga en el generador

Complementario dividido

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

  • #50416C

    #50416C

    oklch(41% 0.072 299.3)

  • #5A4814

    #5A4814

    oklch(41% 0.072 89.2)

  • #2B5534

    #2B5534

    oklch(40.9% 0.073 149.3)

Abre la paleta complementaria dividida en el generador

Triádico

Tres matices separados por 120°.

  • #50416C

    #50416C

    oklch(41% 0.072 299.3)

  • #67401E

    #67401E

    oklch(41% 0.073 59.6)

  • #07574B

    #07574B

    oklch(41% 0.073 178.9)

Abre la paleta triádica en el generador

Cuadrado

Cuatro matices separados por 90°.

  • #50416C

    #50416C

    oklch(41% 0.072 299.3)

  • #6C3A33

    #6C3A33

    oklch(40.9% 0.072 29)

  • #46501F

    #46501F

    oklch(41.1% 0.072 119.3)

  • #00555F

    #00555F

    oklch(41.1% 0.071 208.5)

Abre la paleta cuadrada en el generador

Paletas y degradados que usan #50416C

Estas paletas y degradados seleccionados contienen exactamente #50416C. Abre uno para ver el esquema de color completo que lo rodea.

Paletas

Colores con nombre similares

Las ocho entradas más cercanas de nuestra lista de colores con nombre, con su distancia ΔE.

Usa #50416C 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.