#87FCF4

Color con nombre más cercano: Robin Egg Blue (#8AF1FE). oklch(92% 0.107 189.6), rgb(135, 252, 244).

Aa

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

Sobre este color

#87FCF4 es un turquesa o cian muy claro y moderadamente saturado. En OKLCH, su luminosidad es 92%, su croma 0.107 y su matiz 190°. Su matiz está del lado frío de la rueda cromática. El color con nombre más cercano es Robin Egg Blue (#8AF1FE), a una distancia de ΔE 0.037. El texto negro es el que mejor se lee sobre este color, con 17.26:1.

Familia de matizTurquesas y cianes
Luminosidadmuy claro (92%)
Cromamoderadamente saturado (0.107)
Temperaturafrío
Nombre más cercanoRobin Egg Blue (#8AF1FE)
Texto negro17.26:1
Texto blanco1.21:1

Valores

HEX#87FCF4
RGBrgb(135, 252, 244)
HSLhsl(176, 95%, 76%)
OKLCHoklch(92% 0.107 189.6)

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 #87FCF4 1.21:1 No cumple Lc -12.2 No legible
Texto negro sobre #87FCF4 17.26:1 AAA Lc 93.1 Ideal para texto de cuerpo
Texto #87FCF4 sobre blanco 1.21:1 No cumple Lc 10.5 No legible
Texto #87FCF4 sobre negro 17.26:1 AAA Lc -93.6 Ideal 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 100.

  1. Paso 50

    50

    #E8FAF8

    oklch(97.1% 0.019 188.8)

  2. Paso 100

    100 (este color)

    #87FCF4

    oklch(92% 0.107 189.6)

  3. Paso 200

    200

    #9CEAE4

    oklch(88.5% 0.077 189.7)

  4. Paso 300

    300

    #12DCD4

    oklch(80.8% 0.138 190.1)

  5. Paso 400

    400

    #00B8B1

    oklch(70.6% 0.122 190)

  6. Paso 500

    500

    #009E98

    oklch(63.1% 0.109 190)

  7. Paso 600

    600

    #00857F

    oklch(55.6% 0.096 189.2)

  8. Paso 700

    700

    #00706B

    oklch(49.2% 0.085 189.4)

  9. Paso 800

    800

    #005C58

    oklch(42.8% 0.074 189.6)

  10. Paso 900

    900

    #004C49

    oklch(37.6% 0.065 190.2)

  11. Paso 950

    950

    #002E2B

    oklch(27.1% 0.047 188)

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

#87FCF4 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)#F1F1F40.115
Deuteranopía (sin conos verdes)#DDE3F50.107
Tritanopía (sin conos azules)#4AFFF90.036
Acromatopsia (sin color)#E9E9E90.108

Armonías

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

Complementario

El matiz opuesto (180°).

  • #87FCF4

    #87FCF4

    oklch(92% 0.107 189.6)

  • #FFDADE

    #FFDADE

    oklch(92% 0.041 10.6)

Abre la paleta complementaria en el generador

Análogo

Matices vecinos, 30° a cada lado.

  • #87FCF4

    #87FCF4

    oklch(92% 0.107 189.6)

  • #A3FBCC

    #A3FBCC

    oklch(92% 0.107 160)

  • #BBEEFF

    #BBEEFF

    oklch(91.9% 0.057 220.2)

Abre la paleta análoga en el generador

Complementario dividido

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

  • #87FCF4

    #87FCF4

    oklch(92% 0.107 189.6)

  • #FFD7F1

    #FFD7F1

    oklch(92% 0.056 339.2)

  • #FFDCD0

    #FFDCD0

    oklch(92% 0.042 39.8)

Abre la paleta complementaria dividida en el generador

Triádico

Tres matices separados por 120°.

  • #87FCF4

    #87FCF4

    oklch(92% 0.107 189.6)

  • #EFDCFF

    #EFDCFF

    oklch(92% 0.051 309.6)

  • #FFDFBB

    #FFDFBB

    oklch(92.1% 0.059 70.3)

Abre la paleta triádica en el generador

Cuadrado

Cuatro matices separados por 90°.

  • #87FCF4

    #87FCF4

    oklch(92% 0.107 189.6)

  • #DFE3FF

    #DFE3FF

    oklch(92.1% 0.038 279.2)

  • #FFDADE

    #FFDADE

    oklch(92% 0.041 10.6)

  • #F6E791

    #F6E791

    oklch(92.1% 0.108 99.6)

Abre la paleta cuadrada en el generador

Paletas y degradados que usan #87FCF4

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