#CDA89A

Color con nombre más cercano: Pinkish Grey (#C8ACA9). oklch(76.1% 0.048 41.8), rgb(205, 168, 154).

Aa

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

Sobre este color

#CDA89A es un naranja medio-claro y apagado. En OKLCH, su luminosidad es 76%, su croma 0.048 y su matiz 42°. Su matiz está del lado cálido de la rueda cromática. El color con nombre más cercano es Pinkish Grey (#C8ACA9), a una distancia de ΔE 0.020. El texto negro es el que mejor se lee sobre este color, con 9.66:1.

Familia de matizNaranjas
Luminosidadmedio-claro (76%)
Cromaapagado (0.048)
Temperaturacálido
Nombre más cercanoPinkish Grey (#C8ACA9)
Texto negro9.66:1
Texto blanco2.17:1

Valores

HEX#CDA89A
RGBrgb(205, 168, 154)
HSLhsl(16, 34%, 70%)
OKLCHoklch(76.1% 0.048 41.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 #CDA89A 2.17:1 No cumple Lc -47.4 Texto grande o en negrita, títulos
Texto negro sobre #CDA89A 9.66:1 AAA Lc 61.2 Texto de contenido, no para lecturas largas
Texto #CDA89A sobre blanco 2.17:1 No cumple Lc 42.7 Elementos que no son texto, texto de marcador de posición
Texto #CDA89A sobre negro 9.66:1 AAA Lc -59.5 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 300.

  1. Paso 50

    50

    #F9F4F2

    oklch(97% 0.006 43.3)

  2. Paso 100

    100

    #F3E7E3

    oklch(93.6% 0.014 39.4)

  3. Paso 200

    200

    #EAD4CC

    oklch(88.6% 0.027 41.1)

  4. Paso 300

    300 (este color)

    #CDA89A

    oklch(76.1% 0.048 41.8)

  5. Paso 400

    400

    #CA917B

    oklch(70.7% 0.076 42)

  6. Paso 500

    500

    #BC7559

    oklch(63.2% 0.099 42.2)

  7. Paso 600

    600

    #A75C3F

    oklch(55.6% 0.107 41.5)

  8. Paso 700

    700

    #8F4B31

    oklch(49% 0.1 41.2)

  9. Paso 800

    800

    #743E29

    oklch(42.6% 0.082 41.6)

  10. Paso 900

    900

    #5E3526

    oklch(37.6% 0.064 40.7)

  11. Paso 950

    950

    #372016

    oklch(27.1% 0.04 44.1)

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

#CDA89A 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)#B1AB990.042
Deuteranopía (sin conos verdes)#B9B39A0.040
Tritanopía (sin conos azules)#D7A3A40.027
Acromatopsia (sin color)#B0B0B00.048

Armonías

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

Complementario

El matiz opuesto (180°).

  • #CDA89A

    #CDA89A

    oklch(76.1% 0.048 41.8)

  • #90B9C7

    #90B9C7

    oklch(76.1% 0.048 220.8)

Abre la paleta complementaria en el generador

Análogo

Matices vecinos, 30° a cada lado.

  • #CDA89A

    #CDA89A

    oklch(76.1% 0.048 41.8)

  • #CEA5A9

    #CEA5A9

    oklch(76% 0.049 11.7)

  • #C5AD91

    #C5AD91

    oklch(76.1% 0.048 71.3)

Abre la paleta análoga en el generador

Complementario dividido

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

  • #CDA89A

    #CDA89A

    oklch(76.1% 0.048 41.8)

  • #8EBCB9

    #8EBCB9

    oklch(76.2% 0.049 191.2)

  • #9CB4D0

    #9CB4D0

    oklch(76.1% 0.048 252.4)

Abre la paleta complementaria dividida en el generador

Triádico

Tres matices separados por 120°.

  • #CDA89A

    #CDA89A

    oklch(76.1% 0.048 41.8)

  • #97BBA8

    #97BBA8

    oklch(76% 0.047 162)

  • #ACAED0

    #ACAED0

    oklch(76.1% 0.049 282.5)

Abre la paleta triádica en el generador

Cuadrado

Cuatro matices separados por 90°.

  • #CDA89A

    #CDA89A

    oklch(76.1% 0.048 41.8)

  • #A6B899

    #A6B899

    oklch(76% 0.048 132.2)

  • #90B9C7

    #90B9C7

    oklch(76.1% 0.048 220.8)

  • #BCA9C8

    #BCA9C8

    oklch(76.1% 0.048 312.4)

Abre la paleta cuadrada en el generador

Paletas y degradados que usan #CDA89A

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