#7EE9ED

Color con nombre más cercano: Robin's Egg (#6DEDFD). oklch(87.2% 0.099 198.7), rgb(126, 233, 237).

Aa

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

Sobre este color

#7EE9ED es un turquesa o cian claro y moderadamente saturado. En OKLCH, su luminosidad es 87%, su croma 0.099 y su matiz 199°. Su matiz está del lado frío de la rueda cromática. El color con nombre más cercano es Robin's Egg (#6DEDFD), a una distancia de ΔE 0.023. El texto negro es el que mejor se lee sobre este color, con 14.76:1.

Familia de matizTurquesas y cianes
Luminosidadclaro (87%)
Cromamoderadamente saturado (0.099)
Temperaturafrío
Nombre más cercanoRobin's Egg (#6DEDFD)
Texto negro14.76:1
Texto blanco1.42:1

Valores

HEX#7EE9ED
RGBrgb(126, 233, 237)
HSLhsl(182, 76%, 71%)
OKLCHoklch(87.2% 0.099 198.7)

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 #7EE9ED 1.42:1 No cumple Lc -22.9 Solo divisores y decoración
Texto negro sobre #7EE9ED 14.76:1 AAA Lc 83.6 Bueno para texto de cuerpo
Texto #7EE9ED sobre blanco 1.42:1 No cumple Lc 20.1 Solo divisores y decoración
Texto #7EE9ED sobre negro 14.76:1 AAA Lc -83.3 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

    #E9F9FA

    oklch(97.1% 0.017 201.4)

  2. Paso 100

    100

    #CEF2F3

    oklch(93.6% 0.037 198.6)

  3. Paso 200

    200 (este color)

    #7EE9ED

    oklch(87.2% 0.099 198.7)

  4. Paso 300

    300

    #35D9DF

    oklch(80.8% 0.128 198.7)

  5. Paso 400

    400

    #00B7BC

    oklch(70.8% 0.12 198.3)

  6. Paso 500

    500

    #009DA2

    oklch(63.2% 0.107 198.8)

  7. Paso 600

    600

    #008488

    oklch(55.7% 0.095 198.5)

  8. Paso 700

    700

    #006F72

    oklch(49.2% 0.084 198.1)

  9. Paso 800

    800

    #005B5E

    oklch(42.8% 0.073 198.7)

  10. Paso 900

    900

    #004C4E

    oklch(37.8% 0.064 197.8)

  11. Paso 950

    950

    #002D2F

    oklch(27% 0.046 199.4)

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

#7EE9ED 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)#DCE0ED0.102
Deuteranopía (sin conos verdes)#C9D2EE0.096
Tritanopía (sin conos azules)#3EEFEA0.040
Acromatopsia (sin color)#D8D8D80.100

Armonías

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

Complementario

El matiz opuesto (180°).

  • #7EE9ED

    #7EE9ED

    oklch(87.2% 0.099 198.7)

  • #FFC3C3

    #FFC3C3

    oklch(87.1% 0.069 18.6)

Abre la paleta complementaria en el generador

Análogo

Matices vecinos, 30° a cada lado.

  • #7EE9ED

    #7EE9ED

    oklch(87.2% 0.099 198.7)

  • #90EAC9

    #90EAC9

    oklch(87.1% 0.099 168.6)

  • #9CE0FF

    #9CE0FF

    oklch(87.2% 0.08 228.2)

Abre la paleta análoga en el generador

Complementario dividido

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

  • #7EE9ED

    #7EE9ED

    oklch(87.2% 0.099 198.7)

  • #FFBFDE

    #FFBFDE

    oklch(87.2% 0.083 348.3)

  • #FFC7AA

    #FFC7AA

    oklch(87.2% 0.075 48.7)

Abre la paleta complementaria dividida en el generador

Triádico

Tres matices separados por 120°.

  • #7EE9ED

    #7EE9ED

    oklch(87.2% 0.099 198.7)

  • #F1C0FF

    #F1C0FF

    oklch(87.1% 0.1 318.6)

  • #F8CD88

    #F8CD88

    oklch(87% 0.099 78.7)

Abre la paleta triádica en el generador

Cuadrado

Cuatro matices separados por 90°.

  • #7EE9ED

    #7EE9ED

    oklch(87.2% 0.099 198.7)

  • #D2CEFF

    #D2CEFF

    oklch(87.1% 0.067 288.7)

  • #FFC3C3

    #FFC3C3

    oklch(87.1% 0.069 18.6)

  • #DADA8D

    #DADA8D

    oklch(87.1% 0.098 108.3)

Abre la paleta cuadrada en el generador

Paletas y degradados que usan #7EE9ED

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