#0B342E

Color con nombre más cercano: Pakistan Green (#283618). oklch(29.5% 0.046 181.4), rgb(11, 52, 46).

Aa

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

Sobre este color

#0B342E es un turquesa o cian oscuro y apagado. En OKLCH, su luminosidad es 30%, su croma 0.046 y su matiz 181°. Su matiz está del lado frío de la rueda cromática. El color con nombre más cercano es Pakistan Green (#283618), a una distancia de ΔE 0.047. El texto blanco es el que mejor se lee sobre este color, con 13.59:1.

Familia de matizTurquesas y cianes
Luminosidadoscuro (30%)
Cromaapagado (0.046)
Temperaturafrío
Nombre más cercanoPakistan Green (#283618)
Texto negro1.54:1
Texto blanco13.59:1

Valores

HEX#0B342E
RGBrgb(11, 52, 46)
HSLhsl(171, 65%, 12%)
OKLCHoklch(29.5% 0.046 181.4)

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 #0B342E 13.59:1 AAA Lc -103.1 Ideal para texto de cuerpo
Texto negro sobre #0B342E 1.54:1 No cumple Lc 0.0 No legible
Texto #0B342E sobre blanco 13.59:1 AAA Lc 99.9 Ideal para texto de cuerpo
Texto #0B342E sobre negro 1.54: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

    #F0F7F6

    oklch(97.1% 0.008 186.9)

  2. Paso 100

    100

    #DFEDEA

    oklch(93.5% 0.015 181.8)

  3. Paso 200

    200

    #C5E0DA

    oklch(88.5% 0.03 180.7)

  4. Paso 300

    300

    #9ACDC3

    oklch(81% 0.055 181.5)

  5. Paso 400

    400

    #5CB2A4

    oklch(70.6% 0.086 181.9)

  6. Paso 500

    500

    #109F8E

    oklch(63.1% 0.111 181.6)

  7. Paso 600

    600

    #008677

    oklch(55.6% 0.1 181.4)

  8. Paso 700

    700

    #007164

    oklch(49.2% 0.089 181.2)

  9. Paso 800

    800

    #005C52

    oklch(42.6% 0.076 182.2)

  10. Paso 900

    900

    #004D44

    oklch(37.7% 0.068 181.7)

  11. Paso 950

    950 (este color)

    #0B342E

    oklch(29.5% 0.046 181.4)

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

#0B342E 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)#31302E0.049
Deuteranopía (sin conos verdes)#2B2C2F0.046
Tritanopía (sin conos azules)#0035320.008
Acromatopsia (sin color)#2E2E2E0.046

Armonías

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

Complementario

El matiz opuesto (180°).

  • #0B342E

    #0B342E

    oklch(29.5% 0.046 181.4)

  • #3F232B

    #3F232B

    oklch(29.5% 0.044 1.7)

Abre la paleta complementaria en el generador

Análogo

Matices vecinos, 30° a cada lado.

  • #0B342E

    #0B342E

    oklch(29.5% 0.046 181.4)

  • #1A3321

    #1A3321

    oklch(29.5% 0.045 151.8)

  • #08333A

    #08333A

    oklch(29.6% 0.046 211)

Abre la paleta análoga en el generador

Complementario dividido

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

  • #0B342E

    #0B342E

    oklch(29.5% 0.046 181.4)

  • #3A2437

    #3A2437

    oklch(29.6% 0.046 331.6)

  • #41241E

    #41241E

    oklch(29.7% 0.046 32.5)

Abre la paleta complementaria dividida en el generador

Triádico

Tres matices separados por 120°.

  • #0B342E

    #0B342E

    oklch(29.5% 0.046 181.4)

  • #312740

    #312740

    oklch(29.6% 0.046 302)

  • #3D2713

    #3D2713

    oklch(29.5% 0.046 61.8)

Abre la paleta triádica en el generador

Cuadrado

Cuatro matices separados por 90°.

  • #0B342E

    #0B342E

    oklch(29.5% 0.046 181.4)

  • #242B44

    #242B44

    oklch(29.5% 0.047 271.4)

  • #3F232B

    #3F232B

    oklch(29.5% 0.044 1.7)

  • #352C0F

    #352C0F

    oklch(29.6% 0.046 92.1)

Abre la paleta cuadrada en el generador

Paletas y degradados que usan #0B342E

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