Golden Brown #B27A01

Golden Brown es un naranja medio-claro y moderadamente saturado, con código hex #B27A01 y RGB rgb(178, 122, 1).

Aa

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

Sobre este color

#B27A01 es un naranja medio-claro y moderadamente saturado. En OKLCH, su luminosidad es 62%, su croma 0.130 y su matiz 77°. Su matiz está del lado cálido de la rueda cromática. Es el color con nombre Golden Brown. El texto negro es el que mejor se lee sobre este color, con 5.67:1.

Familia de matizNaranjas
Luminosidadmedio-claro (62%)
Cromamoderadamente saturado (0.130)
Temperaturacálido
Nombre más cercanoGolden Brown
Texto negro5.67:1
Texto blanco3.69:1

Colores que combinan con Golden Brown

Combinaciones obtenidas al rotar Golden Brown por la rueda de matiz de OKLCH, cada una con el nombre más cercano de nuestra lista.

Complementario

El matiz opuesto (180°).

Abre la paleta complementaria en el generador

Paletas de colores con Golden Brown

Paletas seleccionadas que contienen un color a menos de ΔE 0.06 (OKLab) de Golden Brown, de la más cercana a la más lejana.

Colores con nombre similares

Los ocho colores con nombre más cercanos a Golden Brown, con su distancia ΔE.

Más sobre Golden Brown

Cómo hacer Golden Brown

Una receta inicial con colores de pintura comunes, calculada con un modelo espectral de pintura (el modo pintura del mezclador). Los pigmentos reales varían: mezcla primero una pequeña prueba y ajusta.

  • 4 partes de naranja
  • 1 parte de azul

Resultado de la receta: #A87E28, una diferencia de ΔE 0.020 respecto a Golden Brown. Es muy parecido: la mayoría de la gente no notará la diferencia.

¿Qué colores forman el naranja? | Tabla de mezcla de colores

Códigos de Golden Brown en todos los formatos

HEX#B27A01
RGBrgb(178, 122, 1)
HSLhsl(41, 99%, 35%)
OKLCHoklch(62.1% 0.13 76.6)

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 #B27A01 3.69:1 AA texto grande Lc -69.8 Texto de contenido, no para lecturas largas
Texto negro sobre #B27A01 5.67:1 AA Lc 39.8 Elementos que no son texto, texto de marcador de posición
Texto #B27A01 sobre blanco 3.69:1 AA texto grande Lc 64.3 Texto de contenido, no para lecturas largas
Texto #B27A01 sobre negro 5.67:1 AA Lc -37.4 Elementos que no son texto, texto de marcador de posición

Tonos y tintes de Golden Brown

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

    #F9F5EF

    oklch(97.2% 0.009 78.3)

  2. Paso 100

    100

    #F1E9DD

    oklch(93.7% 0.018 78.2)

  3. Paso 200

    200

    #E7D7C0

    oklch(88.6% 0.036 77.1)

  4. Paso 300

    300

    #D8BC93

    oklch(80.9% 0.063 77.1)

  5. Paso 400

    400

    #C49853

    oklch(70.7% 0.102 77.1)

  6. Paso 500

    500 (este color)

    #B27A01

    oklch(62.1% 0.13 76.6)

  7. Paso 600

    600

    #996800

    oklch(55.5% 0.116 76.4)

  8. Paso 700

    700

    #815700

    oklch(49% 0.103 76.4)

  9. Paso 800

    800

    #6A4700

    oklch(42.6% 0.089 76.7)

  10. Paso 900

    900

    #593B00

    oklch(37.8% 0.079 76.7)

  11. Paso 950

    950

    #352202

    oklch(26.9% 0.054 76.3)

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

Golden Brown 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)#8F7D000.060
Deuteranopía (sin conos verdes)#9C8A0B0.053
Tritanopía (sin conos azules)#C36B670.110
Acromatopsia (sin color)#8585850.130

Usa Golden Brown 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.