#2DBCFF

Color con nombre más cercano: Deep Sky Blue (#00BFFF). oklch(75.3% 0.149 235.2), rgb(45, 188, 255).

Aa

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

Sobre este color

#2DBCFF es un azul medio-claro y vívido. En OKLCH, su luminosidad es 75%, su croma 0.149 y su matiz 235°. Su matiz está del lado frío de la rueda cromática. El color con nombre más cercano es Deep Sky Blue (#00BFFF), a una distancia de ΔE 0.011. El texto negro es el que mejor se lee sobre este color, con 9.74:1.

Familia de matizAzules
Luminosidadmedio-claro (75%)
Cromavívido (0.149)
Temperaturafrío
Nombre más cercanoDeep Sky Blue (#00BFFF)
Texto negro9.74:1
Texto blanco2.15:1

Valores

HEX#2DBCFF
RGBrgb(45, 188, 255)
HSLhsl(199, 100%, 59%)
OKLCHoklch(75.3% 0.149 235.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 #2DBCFF 2.15:1 No cumple Lc -46.5 Texto grande o en negrita, títulos
Texto negro sobre #2DBCFF 9.74:1 AAA Lc 62.1 Texto de contenido, no para lecturas largas
Texto #2DBCFF sobre blanco 2.15:1 No cumple Lc 41.8 Elementos que no son texto, texto de marcador de posición
Texto #2DBCFF sobre negro 9.74:1 AAA Lc -60.4 Texto de contenido, no para lecturas largas

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

  1. Paso 50

    50

    #EEF7FD

    oklch(97.1% 0.013 236.6)

  2. Paso 100

    100

    #D9EDFA

    oklch(93.5% 0.028 236.2)

  3. Paso 200

    200

    #B9DFF7

    oklch(88.4% 0.052 235.9)

  4. Paso 300

    300

    #83CBF4

    oklch(81% 0.093 234.5)

  5. Paso 400

    400 (este color)

    #2DBCFF

    oklch(75.3% 0.149 235.2)

  6. Paso 500

    500

    #0095CF

    oklch(63.2% 0.134 235.1)

  7. Paso 600

    600

    #007DAE

    oklch(55.7% 0.118 234.9)

  8. Paso 700

    700

    #006993

    oklch(49.2% 0.104 234.9)

  9. Paso 800

    800

    #005679

    oklch(42.8% 0.09 234.7)

  10. Paso 900

    900

    #004766

    oklch(37.6% 0.081 235.8)

  11. Paso 950

    950

    #002A3E

    oklch(26.9% 0.057 235.2)

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

#2DBCFF 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)#9BBBFF0.088
Deuteranopía (sin conos verdes)#80A8FE0.074
Tritanopía (sin conos azules)#00CDD30.091
Acromatopsia (sin color)#B1B1B10.149

Armonías

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

Complementario

El matiz opuesto (180°).

  • #2DBCFF

    #2DBCFF

    oklch(75.3% 0.149 235.2)

  • #F59347

    #F59347

    oklch(75.3% 0.148 55.6)

Abre la paleta complementaria en el generador

Análogo

Matices vecinos, 30° a cada lado.

  • #2DBCFF

    #2DBCFF

    oklch(75.3% 0.149 235.2)

  • #00C5D6

    #00C5D6

    oklch(75.2% 0.129 205.8)

  • #88ACFF

    #88ACFF

    oklch(75.2% 0.127 265.6)

Abre la paleta análoga en el generador

Complementario dividido

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

  • #2DBCFF

    #2DBCFF

    oklch(75.3% 0.149 235.2)

  • #FF867E

    #FF867E

    oklch(75.3% 0.148 25.1)

  • #D9A61A

    #D9A61A

    oklch(75.2% 0.149 85.4)

Abre la paleta complementaria dividida en el generador

Triádico

Tres matices separados por 120°.

  • #2DBCFF

    #2DBCFF

    oklch(75.3% 0.149 235.2)

  • #F784B3

    #F784B3

    oklch(75.3% 0.149 355.4)

  • #ACB939

    #ACB939

    oklch(75.2% 0.149 115.1)

Abre la paleta triádica en el generador

Cuadrado

Cuatro matices separados por 90°.

  • #2DBCFF

    #2DBCFF

    oklch(75.3% 0.149 235.2)

  • #DE8CE2

    #DE8CE2

    oklch(75.3% 0.148 325.3)

  • #F59347

    #F59347

    oklch(75.3% 0.148 55.6)

  • #6CC771

    #6CC771

    oklch(75.2% 0.149 145)

Abre la paleta cuadrada en el generador

Paletas y degradados que usan #2DBCFF

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

Degradados

Colores con nombre similares

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

Usa #2DBCFF 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.