#D77600

Color con nombre más cercano: Pumpkin (#E17701). oklch(66.1% 0.157 58.8), rgb(215, 118, 0).

Aa

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

Sobre este color

#D77600 es un naranja medio-claro y vívido. En OKLCH, su luminosidad es 66%, su croma 0.157 y su matiz 59°. Su matiz está del lado cálido de la rueda cromática. El color con nombre más cercano es Pumpkin (#E17701), a una distancia de ΔE 0.019. El texto negro es el que mejor se lee sobre este color, con 6.48:1.

Familia de matizNaranjas
Luminosidadmedio-claro (66%)
Cromavívido (0.157)
Temperaturacálido
Nombre más cercanoPumpkin (#E17701)
Texto negro6.48:1
Texto blanco3.24:1

Valores

HEX#D77600
RGBrgb(215, 118, 0)
HSLhsl(33, 100%, 42%)
OKLCHoklch(66.1% 0.157 58.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 #D77600 3.24:1 AA texto grande Lc -64.6 Texto de contenido, no para lecturas largas
Texto negro sobre #D77600 6.48:1 AA Lc 44.9 Elementos que no son texto, texto de marcador de posición
Texto #D77600 sobre blanco 3.24:1 AA texto grande Lc 59.1 Texto grande o en negrita, títulos
Texto #D77600 sobre negro 6.48:1 AA Lc -42.6 Elementos que no son texto, texto de marcador de posición

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

  1. Paso 50

    50

    #FBF4EF

    oklch(97.1% 0.01 58.2)

  2. Paso 100

    100

    #F6E7DC

    oklch(93.7% 0.022 58.8)

  3. Paso 200

    200

    #EFD3BE

    oklch(88.5% 0.042 59.1)

  4. Paso 300

    300

    #E7B58F

    oklch(80.9% 0.077 58.6)

  5. Paso 400

    400

    #D98C4C

    oklch(70.7% 0.123 58.5)

  6. Paso 500

    500 (este color)

    #D77600

    oklch(66.1% 0.157 58.8)

  7. Paso 600

    600

    #AA5C00

    oklch(55.5% 0.132 58.7)

  8. Paso 700

    700

    #904D00

    oklch(49.1% 0.117 58.7)

  9. Paso 800

    800

    #773E00

    oklch(42.7% 0.102 58.2)

  10. Paso 900

    900

    #633300

    oklch(37.6% 0.089 58.6)

  11. Paso 950

    950

    #3D1D00

    oklch(27% 0.064 58.4)

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

#D77600 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)#9481000.117
Deuteranopía (sin conos verdes)#AB98000.108
Tritanopía (sin conos azules)#EC5F640.109
Acromatopsia (sin color)#8F8F8F0.157

Armonías

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

Complementario

El matiz opuesto (180°).

  • #D77600

    #D77600

    oklch(66.1% 0.157 58.8)

  • #009DE3

    #009DE3

    oklch(66.2% 0.149 238.9)

Abre la paleta complementaria en el generador

Análogo

Matices vecinos, 30° a cada lado.

  • #D77600

    #D77600

    oklch(66.1% 0.157 58.8)

  • #E26758

    #E26758

    oklch(66.1% 0.157 29)

  • #B48D00

    #B48D00

    oklch(66.2% 0.135 88.9)

Abre la paleta análoga en el generador

Complementario dividido

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

  • #D77600

    #D77600

    oklch(66.1% 0.157 58.8)

  • #00A5B8

    #00A5B8

    oklch(66.1% 0.114 209.2)

  • #6B8BF2

    #6B8BF2

    oklch(66.1% 0.157 268.8)

Abre la paleta complementaria dividida en el generador

Triádico

Tres matices separados por 120°.

  • #D77600

    #D77600

    oklch(66.1% 0.157 58.8)

  • #00AA94

    #00AA94

    oklch(66.1% 0.121 179.1)

  • #A07AE4

    #A07AE4

    oklch(66.1% 0.156 298.6)

Abre la paleta triádica en el generador

Cuadrado

Cuatro matices separados por 90°.

  • #D77600

    #D77600

    oklch(66.1% 0.157 58.8)

  • #3CAC59

    #3CAC59

    oklch(66.1% 0.157 148.7)

  • #009DE3

    #009DE3

    oklch(66.2% 0.149 238.9)

  • #C56CC2

    #C56CC2

    oklch(66.2% 0.156 328.4)

Abre la paleta cuadrada en el generador

Paletas y degradados que usan #D77600

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