#A1E0FF

Color con nombre más cercano: Light Blue (#ADD8E6). oklch(87.5% 0.077 230), rgb(161, 224, 255).

Aa

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

Sobre este color

#A1E0FF es un turquesa o cian claro y moderadamente saturado. En OKLCH, su luminosidad es 87%, su croma 0.077 y su matiz 230°. Su matiz está del lado frío de la rueda cromática. El color con nombre más cercano es Light Blue (#ADD8E6), a una distancia de ΔE 0.035. El texto negro es el que mejor se lee sobre este color, con 14.62:1.

Familia de matizTurquesas y cianes
Luminosidadclaro (87%)
Cromamoderadamente saturado (0.077)
Temperaturafrío
Nombre más cercanoLight Blue (#ADD8E6)
Texto negro14.62:1
Texto blanco1.43:1

Valores

HEX#A1E0FF
RGBrgb(161, 224, 255)
HSLhsl(200, 100%, 82%)
OKLCHoklch(87.5% 0.077 230)

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 #A1E0FF 1.43:1 No cumple Lc -23.7 Solo divisores y decoración
Texto negro sobre #A1E0FF 14.62:1 AAA Lc 82.9 Bueno para texto de cuerpo
Texto #A1E0FF sobre blanco 1.43:1 No cumple Lc 20.8 Solo divisores y decoración
Texto #A1E0FF sobre negro 14.62:1 AAA Lc -82.5 Bueno para texto de cuerpo

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

  1. Paso 50

    50

    #EDF7FD

    oklch(97% 0.013 233.7)

  2. Paso 100

    100

    #D7EEFA

    oklch(93.6% 0.029 230.3)

  3. Paso 200

    200 (este color)

    #A1E0FF

    oklch(87.5% 0.077 230)

  4. Paso 300

    300

    #79CDF4

    oklch(80.9% 0.099 229.6)

  5. Paso 400

    400

    #00AFE7

    oklch(70.6% 0.141 230.3)

  6. Paso 500

    500

    #0096C6

    oklch(63% 0.126 229.9)

  7. Paso 600

    600

    #007EA7

    oklch(55.5% 0.111 230)

  8. Paso 700

    700

    #006A8D

    oklch(49.1% 0.098 229.8)

  9. Paso 800

    800

    #005774

    oklch(42.7% 0.085 229.4)

  10. Paso 900

    900

    #004862

    oklch(37.7% 0.076 230.8)

  11. Paso 950

    950

    #002B3B

    oklch(27% 0.053 228.8)

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

#A1E0FF 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)#D0DDFF0.055
Deuteranopía (sin conos verdes)#C3D3FF0.049
Tritanopía (sin conos azules)#7FE9EA0.055
Acromatopsia (sin color)#D7D7D70.077

Armonías

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

Complementario

El matiz opuesto (180°).

  • #A1E0FF

    #A1E0FF

    oklch(87.5% 0.077 230)

  • #FFC8AA

    #FFC8AA

    oklch(87.4% 0.075 50)

Abre la paleta complementaria en el generador

Análogo

Matices vecinos, 30° a cada lado.

  • #A1E0FF

    #A1E0FF

    oklch(87.5% 0.077 230)

  • #98E6EA

    #98E6EA

    oklch(87.6% 0.077 200)

  • #BFD7FF

    #BFD7FF

    oklch(87.5% 0.061 260.6)

Abre la paleta análoga en el generador

Complementario dividido

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

  • #A1E0FF

    #A1E0FF

    oklch(87.5% 0.077 230)

  • #FFC5C4

    #FFC5C4

    oklch(87.5% 0.067 19.7)

  • #F1D19C

    #F1D19C

    oklch(87.5% 0.077 80)

Abre la paleta complementaria dividida en el generador

Triádico

Tres matices separados por 120°.

  • #A1E0FF

    #A1E0FF

    oklch(87.5% 0.077 230)

  • #FEC2DD

    #FEC2DD

    oklch(87.6% 0.076 350.1)

  • #D8DBA0

    #D8DBA0

    oklch(87.5% 0.077 110.3)

Abre la paleta triádica en el generador

Cuadrado

Cuatro matices separados por 90°.

  • #A1E0FF

    #A1E0FF

    oklch(87.5% 0.077 230)

  • #EDC6F6

    #EDC6F6

    oklch(87.5% 0.077 319.9)

  • #FFC8AA

    #FFC8AA

    oklch(87.4% 0.075 50)

  • #BCE3B3

    #BCE3B3

    oklch(87.5% 0.077 139.8)

Abre la paleta cuadrada en el generador

Paletas y degradados que usan #A1E0FF

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