#CA83B6

Color con nombre más cercano: Dull Pink (#D5869D). oklch(69.9% 0.109 337.8), rgb(202, 131, 182).

Aa

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

Sobre este color

#CA83B6 es un rosa medio-claro y moderadamente saturado. En OKLCH, su luminosidad es 70%, su croma 0.109 y su matiz 338°. Su matiz está del lado cálido de la rueda cromática. El color con nombre más cercano es Dull Pink (#D5869D), a una distancia de ΔE 0.044. El texto negro es el que mejor se lee sobre este color, con 7.43:1.

Familia de matizRosas
Luminosidadmedio-claro (70%)
Cromamoderadamente saturado (0.109)
Temperaturacálido
Nombre más cercanoDull Pink (#D5869D)
Texto negro7.43:1
Texto blanco2.82:1

Valores

HEX#CA83B6
RGBrgb(202, 131, 182)
HSLhsl(317, 40%, 65%)
OKLCHoklch(69.9% 0.109 337.8)

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 #CA83B6 2.82:1 No cumple Lc -59.4 Texto grande o en negrita, títulos
Texto negro sobre #CA83B6 7.43:1 AAA Lc 49.9 Texto grande o en negrita, títulos
Texto #CA83B6 sobre blanco 2.82:1 No cumple Lc 54.1 Texto grande o en negrita, títulos
Texto #CA83B6 sobre negro 7.43:1 AAA Lc -47.7 Texto grande o en negrita, títulos

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

  1. Paso 50

    50

    #FAF3F8

    oklch(97.1% 0.01 335.5)

  2. Paso 100

    100

    #F3E5EE

    oklch(93.6% 0.019 338.7)

  3. Paso 200

    200

    #EBD0E2

    oklch(88.5% 0.038 338.1)

  4. Paso 300

    300

    #DFB0D0

    oklch(80.9% 0.069 338.2)

  5. Paso 400

    400 (este color)

    #CA83B6

    oklch(69.9% 0.109 337.8)

  6. Paso 500

    500

    #BE65A7

    oklch(63.1% 0.14 337.7)

  7. Paso 600

    600

    #A94A92

    oklch(55.6% 0.152 337.8)

  8. Paso 700

    700

    #913B7C

    oklch(49.2% 0.141 338.1)

  9. Paso 800

    800

    #763165

    oklch(42.7% 0.117 338)

  10. Paso 900

    900

    #5F2C52

    oklch(37.6% 0.091 337.9)

  11. Paso 950

    950

    #381A30

    oklch(26.9% 0.058 338)

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

#CA83B6 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)#8593B80.109
Deuteranopía (sin conos verdes)#969EB40.102
Tritanopía (sin conos azules)#D185950.052
Acromatopsia (sin color)#9A9A9A0.110

Armonías

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

Complementario

El matiz opuesto (180°).

  • #CA83B6

    #CA83B6

    oklch(69.9% 0.109 337.8)

  • #5DB384

    #5DB384

    oklch(70% 0.11 157.9)

Abre la paleta complementaria en el generador

Análogo

Matices vecinos, 30° a cada lado.

  • #CA83B6

    #CA83B6

    oklch(69.9% 0.109 337.8)

  • #B18BD3

    #B18BD3

    oklch(69.9% 0.11 307.9)

  • #D88091

    #D88091

    oklch(69.8% 0.11 7.9)

Abre la paleta análoga en el generador

Complementario dividido

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

  • #CA83B6

    #CA83B6

    oklch(69.9% 0.109 337.8)

  • #8BAB5F

    #8BAB5F

    oklch(69.9% 0.109 127.7)

  • #33B4AA

    #33B4AA

    oklch(70% 0.11 187.3)

Abre la paleta complementaria dividida en el generador

Triádico

Tres matices separados por 120°.

  • #CA83B6

    #CA83B6

    oklch(69.9% 0.109 337.8)

  • #B09E48

    #B09E48

    oklch(69.8% 0.109 97.6)

  • #39AECB

    #39AECB

    oklch(69.9% 0.109 218)

Abre la paleta triádica en el generador

Cuadrado

Cuatro matices separados por 90°.

  • #CA83B6

    #CA83B6

    oklch(69.9% 0.109 337.8)

  • #CB904E

    #CB904E

    oklch(69.8% 0.109 67.4)

  • #5DB384

    #5DB384

    oklch(70% 0.11 157.9)

  • #64A4DF

    #64A4DF

    oklch(70% 0.109 247.8)

Abre la paleta cuadrada en el generador

Paletas y degradados que usan #CA83B6

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