#9DDCC7

Color con nombre más cercano: Light Teal (#90E4C1). oklch(84.6% 0.071 171.9), rgb(157, 220, 199).

Aa

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

Sobre este color

#9DDCC7 es un turquesa o cian claro y moderadamente saturado. En OKLCH, su luminosidad es 85%, su croma 0.071 y su matiz 172°. Su matiz está del lado frío de la rueda cromática. El color con nombre más cercano es Light Teal (#90E4C1), a una distancia de ΔE 0.029. El texto negro es el que mejor se lee sobre este color, con 13.49:1.

Familia de matizTurquesas y cianes
Luminosidadclaro (85%)
Cromamoderadamente saturado (0.071)
Temperaturafrío
Nombre más cercanoLight Teal (#90E4C1)
Texto negro13.49:1
Texto blanco1.55:1

Valores

HEX#9DDCC7
RGBrgb(157, 220, 199)
HSLhsl(160, 47%, 74%)
OKLCHoklch(84.6% 0.071 171.9)

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 #9DDCC7 1.55:1 No cumple Lc -28.8 Solo divisores y decoración
Texto negro sobre #9DDCC7 13.49:1 AAA Lc 78.3 Bueno para texto de cuerpo
Texto #9DDCC7 sobre blanco 1.55:1 No cumple Lc 25.5 Solo divisores y decoración
Texto #9DDCC7 sobre negro 13.49:1 AAA Lc -77.6 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 300.

  1. Paso 50

    50

    #F0F8F5

    oklch(97.2% 0.009 171.8)

  2. Paso 100

    100

    #DDEFE8

    oklch(93.7% 0.021 170.6)

  3. Paso 200

    200

    #C0E2D6

    oklch(88.5% 0.039 172)

  4. Paso 300

    300 (este color)

    #9DDCC7

    oklch(84.6% 0.071 171.9)

  5. Paso 400

    400

    #45B798

    oklch(70.6% 0.113 171.8)

  6. Paso 500

    500

    #00A181

    oklch(63.2% 0.122 172)

  7. Paso 600

    600

    #00876C

    oklch(55.5% 0.108 172.1)

  8. Paso 700

    700

    #00725A

    oklch(49.2% 0.096 171.5)

  9. Paso 800

    800

    #005D4A

    oklch(42.6% 0.082 172.5)

  10. Paso 900

    900

    #004E3D

    oklch(37.8% 0.073 171.8)

  11. Paso 950

    950

    #002E23

    oklch(26.8% 0.052 171.9)

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

#9DDCC7 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)#D8D4C60.073
Deuteranopía (sin conos verdes)#CDCCC80.069
Tritanopía (sin conos azules)#8DDDD60.024
Acromatopsia (sin color)#CFCFCF0.071

Armonías

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

Complementario

El matiz opuesto (180°).

  • #9DDCC7

    #9DDCC7

    oklch(84.6% 0.071 171.9)

  • #F2BAD1

    #F2BAD1

    oklch(84.6% 0.071 352.2)

Abre la paleta complementaria en el generador

Análogo

Matices vecinos, 30° a cada lado.

  • #9DDCC7

    #9DDCC7

    oklch(84.6% 0.071 171.9)

  • #B3D9AE

    #B3D9AE

    oklch(84.7% 0.071 141.8)

  • #94DBE0

    #94DBE0

    oklch(84.6% 0.071 201.5)

Abre la paleta análoga en el generador

Complementario dividido

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

  • #9DDCC7

    #9DDCC7

    oklch(84.6% 0.071 171.9)

  • #E3BEE8

    #E3BEE8

    oklch(84.7% 0.07 322.3)

  • #F7BBB8

    #F7BBB8

    oklch(84.6% 0.07 21.9)

Abre la paleta complementaria dividida en el generador

Triádico

Tres matices separados por 120°.

  • #9DDCC7

    #9DDCC7

    oklch(84.6% 0.071 171.9)

  • #CDC5F8

    #CDC5F8

    oklch(84.7% 0.071 292)

  • #F3C0A3

    #F3C0A3

    oklch(84.6% 0.071 51.1)

Abre la paleta triádica en el generador

Cuadrado

Cuatro matices separados por 90°.

  • #9DDCC7

    #9DDCC7

    oklch(84.6% 0.071 171.9)

  • #B3CDFB

    #B3CDFB

    oklch(84.5% 0.071 261.8)

  • #F2BAD1

    #F2BAD1

    oklch(84.6% 0.071 352.2)

  • #E4C998

    #E4C998

    oklch(84.7% 0.071 82.2)

Abre la paleta cuadrada en el generador

Paletas y degradados que usan #9DDCC7

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