Dark #1B2431

Dark es un tono oscuro cercano al gris neutro, con código hex #1B2431 y RGB rgb(27, 36, 49).

Aa

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

Sobre este color

#1B2431 es un tono oscuro cercano al gris neutro. En OKLCH, su luminosidad es 26%, su croma 0.028. Tiene muy poco croma para inclinarse hacia lo cálido o lo frío. Es el color con nombre Dark. El texto blanco es el que mejor se lee sobre este color, con 15.63:1.

Familia de matizNeutros
Luminosidadoscuro (26%)
Cromacercano al gris neutro (0.028)
Temperaturaneutro
Nombre más cercanoDark
Texto negro1.34:1
Texto blanco15.63:1

Colores que combinan con Dark

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

Análogo

Matices vecinos, 30° a cada lado.

Abre la paleta análoga en el generador

Triádico

Tres matices separados por 120°.

Abre la paleta triádica en el generador

Paletas de colores con Dark

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

Colores con nombre similares

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

Más sobre Dark

Cómo hacer Dark

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.

  • 3 partes de azul
  • 2 partes de negro
  • 1 parte de morado

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

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

Códigos de Dark en todos los formatos

HEX#1B2431
RGBrgb(27, 36, 49)
HSLhsl(215, 29%, 15%)
OKLCHoklch(25.8% 0.028 257.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 #1B2431 15.63:1 AAA Lc -105.2 Ideal para texto de cuerpo
Texto negro sobre #1B2431 1.34:1 No cumple Lc 0.0 No legible
Texto #1B2431 sobre blanco 15.63:1 AAA Lc 102.6 Ideal para texto de cuerpo
Texto #1B2431 sobre negro 1.34:1 No cumple Lc 0.0 No legible

Tonos y tintes de Dark

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

  1. Paso 50

    50

    #F4F6F8

    oklch(97.2% 0.003 247.9)

  2. Paso 100

    100

    #E6EAF0

    oklch(93.6% 0.009 258.3)

  3. Paso 200

    200

    #D2DAE5

    oklch(88.6% 0.017 256.3)

  4. Paso 300

    300

    #B4C2D6

    oklch(81% 0.032 257.2)

  5. Paso 400

    400

    #8CA2C2

    oklch(70.7% 0.053 257.7)

  6. Paso 500

    500

    #708BB2

    oklch(63.1% 0.067 257.5)

  7. Paso 600

    600

    #58759E

    oklch(55.7% 0.073 257.1)

  8. Paso 700

    700

    #486287

    oklch(49.1% 0.067 257.2)

  9. Paso 800

    800

    #3B506E

    oklch(42.7% 0.057 257.3)

  10. Paso 900

    900

    #334259

    oklch(37.6% 0.044 258.8)

  11. Paso 950

    950 (este color)

    #1B2431

    oklch(25.8% 0.028 257.5)

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

Dark 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)#1F25320.008
Deuteranopía (sin conos verdes)#1D22310.007
Tritanopía (sin conos azules)#1427280.026
Acromatopsia (sin color)#2323230.028

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