Sinopia #BB3E03

Sinopia es un rojo medio-oscuro y vívido, con código hex #BB3E03 y RGB rgb(187, 62, 3).

Aa

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

Sobre este color

#BB3E03 es un rojo medio-oscuro y vívido. En OKLCH, su luminosidad es 54%, su croma 0.170 y su matiz 39°. Su matiz está del lado cálido de la rueda cromática. Es el color con nombre Sinopia. El texto blanco es el que mejor se lee sobre este color, con 5.52:1.

Familia de matizRojos
Luminosidadmedio-oscuro (54%)
Cromavívido (0.170)
Temperaturacálido
Nombre más cercanoSinopia
Texto negro3.80:1
Texto blanco5.52:1

Colores que combinan con Sinopia

Combinaciones obtenidas al rotar Sinopia 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 Sinopia

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

Colores con nombre similares

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

Más sobre Sinopia

Cómo hacer Sinopia

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 rojo
  • 3 partes de naranja
  • 1 parte de verde

Resultado de la receta: #B7442D, una diferencia de ΔE 0.024 respecto a Sinopia. Es muy parecido: la mayoría de la gente no notará la diferencia.

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

Códigos de Sinopia en todos los formatos

HEX#BB3E03
RGBrgb(187, 62, 3)
HSLhsl(19, 97%, 37%)
OKLCHoklch(53.8% 0.17 39.2)

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 #BB3E03 5.52:1 AA Lc -81.8 Bueno para texto de cuerpo
Texto negro sobre #BB3E03 3.80:1 AA texto grande Lc 27.6 Solo divisores y decoración
Texto #BB3E03 sobre blanco 5.52:1 AA Lc 76.4 Bueno para texto de cuerpo
Texto #BB3E03 sobre negro 3.80:1 AA texto grande Lc -25.3 Solo divisores y decoración

Tonos y tintes de Sinopia

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

  1. Paso 50

    50

    #FCF3F0

    oklch(97% 0.011 39.4)

  2. Paso 100

    100

    #F8E5DF

    oklch(93.5% 0.022 38.3)

  3. Paso 200

    200

    #F3D0C5

    oklch(88.4% 0.042 38.2)

  4. Paso 300

    300

    #EDB09C

    oklch(80.9% 0.077 38.9)

  5. Paso 400

    400

    #E18465

    oklch(70.6% 0.123 39.1)

  6. Paso 500

    500

    #D66239

    oklch(63.2% 0.157 39.4)

  7. Paso 600

    600 (este color)

    #BB3E03

    oklch(53.8% 0.17 39.2)

  8. Paso 700

    700

    #A63500

    oklch(49.1% 0.157 39.1)

  9. Paso 800

    800

    #872D07

    oklch(42.7% 0.131 39.2)

  10. Paso 900

    900

    #6D2A11

    oklch(37.8% 0.102 39.6)

  11. Paso 950

    950

    #40190C

    oklch(26.9% 0.065 38.7)

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

Sinopia 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)#6457000.169
Deuteranopía (sin conos verdes)#8273000.153
Tritanopía (sin conos azules)#CE12350.073
Acromatopsia (sin color)#6969690.171

Usa Sinopia 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.