#24586B

Color con nombre más cercano: Petrol (#005F6A). oklch(43.4% 0.063 225.2), rgb(36, 88, 107).

Aa

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

Sobre este color

#24586B es un turquesa o cian oscuro y apagado. En OKLCH, su luminosidad es 43%, su croma 0.063 y su matiz 225°. Su matiz está del lado frío de la rueda cromática. El color con nombre más cercano es Petrol (#005F6A), a una distancia de ΔE 0.026. El texto blanco es el que mejor se lee sobre este color, con 7.82:1.

Familia de matizTurquesas y cianes
Luminosidadoscuro (43%)
Cromaapagado (0.063)
Temperaturafrío
Nombre más cercanoPetrol (#005F6A)
Texto negro2.68:1
Texto blanco7.82:1

Valores

HEX#24586B
RGBrgb(36, 88, 107)
HSLhsl(196, 50%, 28%)
OKLCHoklch(43.4% 0.063 225.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 #24586B 7.82:1 AAA Lc -91.7 Ideal para texto de cuerpo
Texto negro sobre #24586B 2.68:1 No cumple Lc 17.0 Solo divisores y decoración
Texto #24586B sobre blanco 7.82:1 AAA Lc 87.0 Bueno para texto de cuerpo
Texto #24586B sobre negro 2.68:1 No cumple Lc -15.1 Solo divisores y decoración

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

  1. Paso 50

    50

    #F2F6F8

    oklch(97.1% 0.005 228.8)

  2. Paso 100

    100

    #E3EBEF

    oklch(93.5% 0.01 228.9)

  3. Paso 200

    200

    #CCDCE3

    oklch(88.5% 0.02 225.7)

  4. Paso 300

    300

    #A8C6D3

    oklch(80.9% 0.037 225.9)

  5. Paso 400

    400

    #78A9BD

    oklch(70.7% 0.06 225.3)

  6. Paso 500

    500

    #5393AC

    oklch(63% 0.076 225.4)

  7. Paso 600

    600

    #357D97

    oklch(55.5% 0.082 225)

  8. Paso 700

    700

    #276A81

    oklch(49.2% 0.076 224.4)

  9. Paso 800

    800 (este color)

    #24586B

    oklch(43.4% 0.063 225.2)

  10. Paso 900

    900

    #224755

    oklch(37.7% 0.049 225.1)

  11. Paso 950

    950

    #152A32

    oklch(27.1% 0.031 224.6)

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

#24586B 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)#4E566C0.049
Deuteranopía (sin conos verdes)#434F6B0.042
Tritanopía (sin conos azules)#005E5E0.038
Acromatopsia (sin color)#5252520.063

Armonías

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

Complementario

El matiz opuesto (180°).

  • #24586B

    #24586B

    oklch(43.4% 0.063 225.2)

  • #6E4533

    #6E4533

    oklch(43.3% 0.064 44.4)

Abre la paleta complementaria en el generador

Análogo

Matices vecinos, 30° a cada lado.

  • #24586B

    #24586B

    oklch(43.4% 0.063 225.2)

  • #1C5C5C

    #1C5C5C

    oklch(43.5% 0.063 195.1)

  • #395273

    #395273

    oklch(43.3% 0.063 255.7)

Abre la paleta análoga en el generador

Complementario dividido

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

  • #24586B

    #24586B

    oklch(43.4% 0.063 225.2)

  • #6F4245

    #6F4245

    oklch(43.3% 0.063 15.7)

  • #654C27

    #654C27

    oklch(43.5% 0.063 75.6)

Abre la paleta complementaria dividida en el generador

Triádico

Tres matices separados por 120°.

  • #24586B

    #24586B

    oklch(43.4% 0.063 225.2)

  • #6A4259

    #6A4259

    oklch(43.3% 0.064 344.7)

  • #565327

    #565327

    oklch(43.4% 0.064 105.2)

Abre la paleta triádica en el generador

Cuadrado

Cuatro matices separados por 90°.

  • #24586B

    #24586B

    oklch(43.4% 0.063 225.2)

  • #5E4669

    #5E4669

    oklch(43.4% 0.064 314.9)

  • #6E4533

    #6E4533

    oklch(43.3% 0.064 44.4)

  • #415935

    #415935

    oklch(43.4% 0.064 135.7)

Abre la paleta cuadrada en el generador

Paletas y degradados que usan #24586B

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