#370400

Color con nombre más cercano: Dark Maroon (#3C0008). oklch(21.7% 0.081 32.5), rgb(55, 4, 0).

Aa

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

Sobre este color

#370400 es un rojo muy oscuro y moderadamente saturado. En OKLCH, su luminosidad es 22%, su croma 0.081 y su matiz 32°. Su matiz está del lado cálido de la rueda cromática. El color con nombre más cercano es Dark Maroon (#3C0008), a una distancia de ΔE 0.022. El texto blanco es el que mejor se lee sobre este color, con 17.79:1.

Familia de matizRojos
Luminosidadmuy oscuro (22%)
Cromamoderadamente saturado (0.081)
Temperaturacálido
Nombre más cercanoDark Maroon (#3C0008)
Texto negro1.17:1
Texto blanco17.79:1

Valores

HEX#370400
RGBrgb(55, 4, 0)
HSLhsl(4, 100%, 11%)
OKLCHoklch(21.7% 0.081 32.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 #370400 17.79:1 AAA Lc -106.2 Ideal para texto de cuerpo
Texto negro sobre #370400 1.17:1 No cumple Lc 0.0 No legible
Texto #370400 sobre blanco 17.79:1 AAA Lc 103.8 Ideal para texto de cuerpo
Texto #370400 sobre negro 1.17:1 No cumple Lc 0.0 No legible

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

  1. Paso 50

    50

    #FEF3F0

    oklch(97.2% 0.013 35.7)

  2. Paso 100

    100

    #FCE4DE

    oklch(93.7% 0.028 34.3)

  3. Paso 200

    200

    #FACDC3

    oklch(88.5% 0.053 32.7)

  4. Paso 300

    300

    #F8AA99

    oklch(80.9% 0.096 32.8)

  5. Paso 400

    400

    #F17860

    oklch(70.8% 0.154 32.6)

  6. Paso 500

    500

    #E84C30

    oklch(63.1% 0.197 32.5)

  7. Paso 600

    600

    #D12700

    oklch(55.6% 0.208 32.5)

  8. Paso 700

    700

    #B11F00

    oklch(49.1% 0.184 32.4)

  9. Paso 800

    800

    #921800

    oklch(42.6% 0.159 32.5)

  10. Paso 900

    900

    #771C0B

    oklch(37.8% 0.128 32.6)

  11. Paso 950

    950 (este color)

    #370400

    oklch(21.7% 0.081 32.5)

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

#370400 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)#1410000.087
Deuteranopía (sin conos verdes)#211C000.077
Tritanopía (sin conos azules)#3E00030.019
Acromatopsia (sin color)#1818180.082

Armonías

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

Complementario

El matiz opuesto (180°).

  • #370400

    #370400

    oklch(21.7% 0.081 32.5)

  • #001E24

    #001E24

    oklch(21.6% 0.038 213)

Abre la paleta complementaria en el generador

Análogo

Matices vecinos, 30° a cada lado.

  • #370400

    #370400

    oklch(21.7% 0.081 32.5)

  • #350317

    #350317

    oklch(21.7% 0.081 2)

  • #2A1400

    #2A1400

    oklch(21.8% 0.05 62.7)

Abre la paleta análoga en el generador

Complementario dividido

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

  • #370400

    #370400

    oklch(21.7% 0.081 32.5)

  • #00201B

    #00201B

    oklch(21.8% 0.039 180.5)

  • #001C30

    #001C30

    oklch(21.7% 0.052 242.8)

Abre la paleta complementaria dividida en el generador

Triádico

Tres matices separados por 120°.

  • #370400

    #370400

    oklch(21.7% 0.081 32.5)

  • #00210C

    #00210C

    oklch(21.7% 0.057 152.3)

  • #0F143F

    #0F143F

    oklch(21.8% 0.081 272.6)

Abre la paleta triádica en el generador

Cuadrado

Cuatro matices separados por 90°.

  • #370400

    #370400

    oklch(21.7% 0.081 32.5)

  • #161E00

    #161E00

    oklch(21.9% 0.054 122.6)

  • #001E24

    #001E24

    oklch(21.6% 0.038 213)

  • #220C38

    #220C38

    oklch(21.7% 0.082 303.1)

Abre la paleta cuadrada en el generador

Paletas y degradados que usan #370400

Estas paletas y degradados seleccionados contienen exactamente #370400. Abre uno para ver el esquema de color completo que lo rodea.

Paletas

Colores con nombre similares

Las ocho entradas más cercanas de nuestra lista de colores con nombre, con su distancia ΔE.

Usa #370400 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.