#00233E

Color con nombre más cercano: Oxford Blue (#1B263B). oklch(24.9% 0.065 246.4), rgb(0, 35, 62).

Aa

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

Sobre este color

#00233E es un azul muy oscuro y apagado. En OKLCH, su luminosidad es 25%, su croma 0.065 y su matiz 246°. Su matiz está del lado frío de la rueda cromática. El color con nombre más cercano es Oxford Blue (#1B263B), a una distancia de ΔE 0.034. El texto blanco es el que mejor se lee sobre este color, con 16.03:1.

Familia de matizAzules
Luminosidadmuy oscuro (25%)
Cromaapagado (0.065)
Temperaturafrío
Nombre más cercanoOxford Blue (#1B263B)
Texto negro1.30:1
Texto blanco16.03:1

Valores

HEX#00233E
RGBrgb(0, 35, 62)
HSLhsl(206, 100%, 12%)
OKLCHoklch(24.9% 0.065 246.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 #00233E 16.03:1 AAA Lc -105.3 Ideal para texto de cuerpo
Texto negro sobre #00233E 1.30:1 No cumple Lc 0.0 No legible
Texto #00233E sobre blanco 16.03:1 AAA Lc 102.7 Ideal para texto de cuerpo
Texto #00233E sobre negro 1.30: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

    #F0F6FC

    oklch(97% 0.01 247.9)

  2. Paso 100

    100

    #DEECF8

    oklch(93.6% 0.022 243.8)

  3. Paso 200

    200

    #C3DDF4

    oklch(88.6% 0.042 245)

  4. Paso 300

    300

    #98C6F0

    oklch(80.9% 0.077 246.5)

  5. Paso 400

    400

    #5BA7E8

    oklch(70.7% 0.122 246.4)

  6. Paso 500

    500

    #198FE1

    oklch(63.1% 0.156 246.4)

  7. Paso 600

    600

    #0078C2

    oklch(55.6% 0.145 246.5)

  8. Paso 700

    700

    #0065A4

    oklch(49.2% 0.127 246.3)

  9. Paso 800

    800

    #005287

    oklch(42.6% 0.111 246.5)

  10. Paso 900

    900

    #004472

    oklch(37.6% 0.099 246.8)

  11. Paso 950

    950 (este color)

    #00233E

    oklch(24.9% 0.065 246.4)

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

#00233E 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)#16243F0.024
Deuteranopía (sin conos verdes)#0B1F3D0.015
Tritanopía (sin conos azules)#002A2D0.046
Acromatopsia (sin color)#2121210.065

Armonías

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

Complementario

El matiz opuesto (180°).

  • #00233E

    #00233E

    oklch(24.9% 0.065 246.4)

  • #331B00

    #331B00

    oklch(24.9% 0.056 65.9)

Abre la paleta complementaria en el generador

Análogo

Matices vecinos, 30° a cada lado.

  • #00233E

    #00233E

    oklch(24.9% 0.065 246.4)

  • #00262F

    #00262F

    oklch(24.8% 0.044 217.5)

  • #1A1D40

    #1A1D40

    oklch(24.9% 0.065 276.8)

Abre la paleta análoga en el generador

Complementario dividido

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

  • #00233E

    #00233E

    oklch(24.9% 0.065 246.4)

  • #3A1409

    #3A1409

    oklch(24.9% 0.064 36.9)

  • #282100

    #282100

    oklch(24.8% 0.051 97.5)

Abre la paleta complementaria dividida en el generador

Triádico

Tres matices separados por 120°.

  • #00233E

    #00233E

    oklch(24.9% 0.065 246.4)

  • #3A111C

    #3A111C

    oklch(24.9% 0.066 6.6)

  • #192600

    #192600

    oklch(24.7% 0.063 126.5)

Abre la paleta triádica en el generador

Cuadrado

Cuatro matices separados por 90°.

  • #00233E

    #00233E

    oklch(24.9% 0.065 246.4)

  • #34132D

    #34132D

    oklch(24.9% 0.066 336.2)

  • #331B00

    #331B00

    oklch(24.9% 0.056 65.9)

  • #002915

    #002915

    oklch(24.7% 0.059 156.9)

Abre la paleta cuadrada en el generador

Paletas y degradados que usan #00233E

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