#DCC62E

Color con nombre más cercano: Mustard Yellow (#D2BD0A). oklch(82.1% 0.159 100.5), rgb(220, 198, 46).

Aa

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

Sobre este color

#DCC62E es un amarillo claro y vívido. En OKLCH, su luminosidad es 82%, su croma 0.159 y su matiz 100°. Su matiz está del lado cálido de la rueda cromática. El color con nombre más cercano es Mustard Yellow (#D2BD0A), a una distancia de ΔE 0.030. El texto negro es el que mejor se lee sobre este color, con 12.16:1.

Familia de matizAmarillos
Luminosidadclaro (82%)
Cromavívido (0.159)
Temperaturacálido
Nombre más cercanoMustard Yellow (#D2BD0A)
Texto negro12.16:1
Texto blanco1.72:1

Valores

HEX#DCC62E
RGBrgb(220, 198, 46)
HSLhsl(52, 71%, 52%)
OKLCHoklch(82.1% 0.159 100.5)

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 #DCC62E 1.72:1 No cumple Lc -34.9 Elementos que no son texto, texto de marcador de posición
Texto negro sobre #DCC62E 12.16:1 AAA Lc 72.8 Texto de contenido, no para lecturas largas
Texto #DCC62E sobre blanco 1.72:1 No cumple Lc 31.1 Elementos que no son texto, texto de marcador de posición
Texto #DCC62E sobre negro 12.16:1 AAA Lc -71.7 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

    #F8F6E6

    oklch(97% 0.021 101)

  2. Paso 100

    100

    #F0EBC8

    oklch(93.5% 0.046 100.5)

  3. Paso 200

    200

    #E6DB97

    oklch(88.5% 0.088 100.1)

  4. Paso 300

    300 (este color)

    #DCC62E

    oklch(82.1% 0.159 100.5)

  5. Paso 400

    400

    #B6A200

    oklch(70.8% 0.147 100.5)

  6. Paso 500

    500

    #9C8A00

    oklch(63% 0.131 100.1)

  7. Paso 600

    600

    #837400

    oklch(55.6% 0.116 100.3)

  8. Paso 700

    700

    #6E6100

    oklch(49% 0.102 100.2)

  9. Paso 800

    800

    #5A5000

    oklch(42.8% 0.089 101.1)

  10. Paso 900

    900

    #4B4200

    oklch(37.7% 0.078 100.6)

  11. Paso 950

    950

    #2D2700

    oklch(27.1% 0.056 100.5)

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

#DCC62E 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)#DAC0000.018
Deuteranopía (sin conos verdes)#E0C93A0.011
Tritanopía (sin conos azules)#EDB7AA0.146
Acromatopsia (sin color)#C5C5C50.159

Armonías

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

Complementario

El matiz opuesto (180°).

  • #DCC62E

    #DCC62E

    oklch(82.1% 0.159 100.5)

  • #B9BEFF

    #B9BEFF

    oklch(82.1% 0.091 280.8)

Abre la paleta complementaria en el generador

Análogo

Matices vecinos, 30° a cada lado.

  • #DCC62E

    #DCC62E

    oklch(82.1% 0.159 100.5)

  • #FFB34E

    #FFB34E

    oklch(82.1% 0.145 70.8)

  • #A1D963

    #A1D963

    oklch(82.2% 0.16 130.4)

Abre la paleta análoga en el generador

Complementario dividido

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

  • #DCC62E

    #DCC62E

    oklch(82.1% 0.159 100.5)

  • #97C9FF

    #97C9FF

    oklch(82.1% 0.093 250.9)

  • #DDAEFF

    #DDAEFF

    oklch(82.1% 0.121 310.4)

Abre la paleta complementaria dividida en el generador

Triádico

Tres matices separados por 120°.

  • #DCC62E

    #DCC62E

    oklch(82.1% 0.159 100.5)

  • #49D7FF

    #49D7FF

    oklch(82% 0.13 220.7)

  • #FFA0DF

    #FFA0DF

    oklch(82% 0.136 340.5)

Abre la paleta triádica en el generador

Cuadrado

Cuatro matices separados por 90°.

  • #DCC62E

    #DCC62E

    oklch(82.1% 0.159 100.5)

  • #00E1D9

    #00E1D9

    oklch(82.1% 0.142 190.2)

  • #B9BEFF

    #B9BEFF

    oklch(82.1% 0.091 280.8)

  • #FFA8B4

    #FFA8B4

    oklch(82% 0.103 10.6)

Abre la paleta cuadrada en el generador

Paletas y degradados que usan #DCC62E

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