#CDCDFF

Color con nombre más cercano: Light Periwinkle (#C1C6FC). oklch(86.5% 0.069 284.9), rgb(205, 205, 255).

Aa

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

Sobre este color

#CDCDFF es un morado claro y apagado. En OKLCH, su luminosidad es 86%, su croma 0.069 y su matiz 285°. Su matiz está del lado frío de la rueda cromática. El color con nombre más cercano es Light Periwinkle (#C1C6FC), a una distancia de ΔE 0.025. El texto negro es el que mejor se lee sobre este color, con 13.77:1.

Familia de matizMorados
Luminosidadclaro (86%)
Cromaapagado (0.069)
Temperaturafrío
Nombre más cercanoLight Periwinkle (#C1C6FC)
Texto negro13.77:1
Texto blanco1.52:1

Valores

HEX#CDCDFF
RGBrgb(205, 205, 255)
HSLhsl(240, 100%, 90%)
OKLCHoklch(86.5% 0.069 284.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 #CDCDFF 1.52:1 No cumple Lc -27.6 Solo divisores y decoración
Texto negro sobre #CDCDFF 13.77:1 AAA Lc 79.4 Bueno para texto de cuerpo
Texto #CDCDFF sobre blanco 1.52:1 No cumple Lc 24.4 Solo divisores y decoración
Texto #CDCDFF sobre negro 13.77:1 AAA Lc -78.8 Bueno para texto de cuerpo

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

  1. Paso 50

    50

    #F4F4FD

    oklch(97% 0.012 286.2)

  2. Paso 100

    100

    #E7E8FB

    oklch(93.6% 0.026 283.5)

  3. Paso 200

    200 (este color)

    #CDCDFF

    oklch(86.5% 0.069 284.9)

  4. Paso 300

    300

    #BAB9F8

    oklch(80.9% 0.088 285)

  5. Paso 400

    400

    #9892F5

    oklch(70.7% 0.142 284.9)

  6. Paso 500

    500

    #8174F1

    oklch(63.2% 0.181 284.7)

  7. Paso 600

    600

    #6D58DF

    oklch(55.6% 0.197 285.1)

  8. Paso 700

    700

    #5B47C2

    oklch(49.1% 0.184 284.8)

  9. Paso 800

    800

    #4A3B9D

    oklch(42.6% 0.153 284.9)

  10. Paso 900

    900

    #3D347D

    oklch(37.7% 0.119 284.7)

  11. Paso 950

    950

    #241F49

    oklch(27% 0.075 285.6)

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

#CDCDFF 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)#C1D3FF0.021
Deuteranopía (sin conos verdes)#BFD0FE0.019
Tritanopía (sin conos azules)#C2D5DE0.060
Acromatopsia (sin color)#D1D1D10.069

Armonías

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

Complementario

El matiz opuesto (180°).

  • #CDCDFF

    #CDCDFF

    oklch(86.5% 0.069 284.9)

  • #D9D6A1

    #D9D6A1

    oklch(86.6% 0.07 105)

Abre la paleta complementaria en el generador

Análogo

Matices vecinos, 30° a cada lado.

  • #CDCDFF

    #CDCDFF

    oklch(86.5% 0.069 284.9)

  • #B5D5FF

    #B5D5FF

    oklch(86.4% 0.068 255.3)

  • #E4C6F2

    #E4C6F2

    oklch(86.6% 0.068 315)

Abre la paleta análoga en el generador

Complementario dividido

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

  • #CDCDFF

    #CDCDFF

    oklch(86.5% 0.069 284.9)

  • #EECDA0

    #EECDA0

    oklch(86.5% 0.07 75.2)

  • #C0DDB0

    #C0DDB0

    oklch(86.5% 0.068 134.5)

Abre la paleta complementaria dividida en el generador

Triádico

Tres matices separados por 120°.

  • #CDCDFF

    #CDCDFF

    oklch(86.5% 0.069 284.9)

  • #FAC5AE

    #FAC5AE

    oklch(86.5% 0.069 44.6)

  • #A8E2C7

    #A8E2C7

    oklch(86.6% 0.07 164.5)

Abre la paleta triádica en el generador

Cuadrado

Cuatro matices separados por 90°.

  • #CDCDFF

    #CDCDFF

    oklch(86.5% 0.069 284.9)

  • #FDC1C4

    #FDC1C4

    oklch(86.6% 0.069 15.3)

  • #D9D6A1

    #D9D6A1

    oklch(86.6% 0.07 105)

  • #9CE1E0

    #9CE1E0

    oklch(86.4% 0.069 194.8)

Abre la paleta cuadrada en el generador

Paletas y degradados que usan #CDCDFF

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