#D0A8F3

Color con nombre más cercano: Pale Violet (#CEAEFA). oklch(79.4% 0.112 308.4), rgb(208, 168, 243).

Aa

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

Sobre este color

#D0A8F3 es un morado claro y moderadamente saturado. En OKLCH, su luminosidad es 79%, su croma 0.112 y su matiz 308°. Su matiz queda entre las mitades cálida y fría de la rueda. El color con nombre más cercano es Pale Violet (#CEAEFA), a una distancia de ΔE 0.016. El texto negro es el que mejor se lee sobre este color, con 10.57:1.

Familia de matizMorados
Luminosidadclaro (79%)
Cromamoderadamente saturado (0.112)
Temperaturaintermedio
Nombre más cercanoPale Violet (#CEAEFA)
Texto negro10.57:1
Texto blanco1.98:1

Valores

HEX#D0A8F3
RGBrgb(208, 168, 243)
HSLhsl(272, 76%, 81%)
OKLCHoklch(79.4% 0.112 308.4)

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 #D0A8F3 1.98:1 No cumple Lc -42.7 Elementos que no son texto, texto de marcador de posición
Texto negro sobre #D0A8F3 10.57:1 AAA Lc 65.6 Texto de contenido, no para lecturas largas
Texto #D0A8F3 sobre blanco 1.98:1 No cumple Lc 38.3 Elementos que no son texto, texto de marcador de posición
Texto #D0A8F3 sobre negro 10.57:1 AAA Lc -64.1 Texto de contenido, no para lecturas largas

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 300.

  1. Paso 50

    50

    #F8F3FD

    oklch(97.1% 0.014 308.3)

  2. Paso 100

    100

    #F0E4FB

    oklch(93.5% 0.033 309)

  3. Paso 200

    200

    #E5CFF9

    oklch(88.6% 0.061 308.7)

  4. Paso 300

    300 (este color)

    #D0A8F3

    oklch(79.4% 0.112 308.4)

  5. Paso 400

    400

    #C07DF5

    oklch(70.7% 0.18 308.2)

  6. Paso 500

    500

    #B154F0

    oklch(63.1% 0.229 308.6)

  7. Paso 600

    600

    #9C2EDF

    oklch(55.6% 0.249 308.2)

  8. Paso 700

    700

    #861CC1

    oklch(49.1% 0.231 308.6)

  9. Paso 800

    800

    #6D1D9C

    oklch(42.8% 0.191 308.7)

  10. Paso 900

    900

    #58217C

    oklch(37.7% 0.149 308.5)

  11. Paso 950

    950

    #331549

    oklch(26.9% 0.095 307.8)

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

#D0A8F3 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)#9AB6F60.078
Deuteranopía (sin conos verdes)#A3B9F10.073
Tritanopía (sin conos azules)#CCB2C30.082
Acromatopsia (sin color)#B8B8B80.112

Armonías

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

Complementario

El matiz opuesto (180°).

  • #D0A8F3

    #D0A8F3

    oklch(79.4% 0.112 308.4)

  • #A6CA7B

    #A6CA7B

    oklch(79.4% 0.112 128.7)

Abre la paleta complementaria en el generador

Análogo

Matices vecinos, 30° a cada lado.

  • #D0A8F3

    #D0A8F3

    oklch(79.4% 0.112 308.4)

  • #ACB5FF

    #ACB5FF

    oklch(79.4% 0.105 278.4)

  • #EB9FD4

    #EB9FD4

    oklch(79.3% 0.112 338.5)

Abre la paleta análoga en el generador

Complementario dividido

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

  • #D0A8F3

    #D0A8F3

    oklch(79.4% 0.112 308.4)

  • #CEBD64

    #CEBD64

    oklch(79.4% 0.112 98.7)

  • #79D2A1

    #79D2A1

    oklch(79.5% 0.112 158.4)

Abre la paleta complementaria dividida en el generador

Triádico

Tres matices separados por 120°.

  • #D0A8F3

    #D0A8F3

    oklch(79.4% 0.112 308.4)

  • #EBAE69

    #EBAE69

    oklch(79.4% 0.112 68.4)

  • #54D3C9

    #54D3C9

    oklch(79.4% 0.112 187.9)

Abre la paleta triádica en el generador

Cuadrado

Cuatro matices separados por 90°.

  • #D0A8F3

    #D0A8F3

    oklch(79.4% 0.112 308.4)

  • #FAA286

    #FAA286

    oklch(79.4% 0.112 38.4)

  • #A6CA7B

    #A6CA7B

    oklch(79.4% 0.112 128.7)

  • #59CDEC

    #59CDEC

    oklch(79.4% 0.112 218.4)

Abre la paleta cuadrada en el generador

Paletas y degradados que usan #D0A8F3

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