Deep Aqua #08787F

Deep Aqua es un turquesa o cian medio-oscuro y moderadamente saturado, con código hex #08787F y RGB rgb(8, 120, 127).

Aa

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

Sobre este color

#08787F es un turquesa o cian medio-oscuro y moderadamente saturado. En OKLCH, su luminosidad es 52%, su croma 0.087 y su matiz 202°. Su matiz está del lado frío de la rueda cromática. Es el color con nombre Deep Aqua. El texto blanco es el que mejor se lee sobre este color, con 5.24:1.

Familia de matizTurquesas y cianes
Luminosidadmedio-oscuro (52%)
Cromamoderadamente saturado (0.087)
Temperaturafrío
Nombre más cercanoDeep Aqua
Texto negro4.00:1
Texto blanco5.24:1

Colores que combinan con Deep Aqua

Combinaciones obtenidas al rotar Deep Aqua por la rueda de matiz de OKLCH, cada una con el nombre más cercano de nuestra lista.

Complementario

El matiz opuesto (180°).

Abre la paleta complementaria en el generador

Análogo

Matices vecinos, 30° a cada lado.

Abre la paleta análoga en el generador

Paletas de colores con Deep Aqua

Paletas seleccionadas que contienen un color a menos de ΔE 0.06 (OKLab) de Deep Aqua, de la más cercana a la más lejana.

Colores con nombre similares

Los ocho colores con nombre más cercanos a Deep Aqua, con su distancia ΔE.

Más sobre Deep Aqua

Cómo hacer Deep Aqua

Una receta inicial con colores de pintura comunes, calculada con un modelo espectral de pintura (el modo pintura del mezclador). Los pigmentos reales varían: mezcla primero una pequeña prueba y ajusta.

  • 3 partes de azul
  • 1 parte de amarillo
  • 1 parte de blanco

Resultado de la receta: #1F7777, una diferencia de ΔE 0.013 respecto a Deep Aqua. Es muy parecido: la mayoría de la gente no notará la diferencia.

¿Qué colores forman el turquesa o cian? | Tabla de mezcla de colores

Códigos de Deep Aqua en todos los formatos

HEX#08787F
RGBrgb(8, 120, 127)
HSLhsl(184, 88%, 26%)
OKLCHoklch(52.2% 0.087 202.1)

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 #08787F 5.24:1 AA Lc -80.9 Bueno para texto de cuerpo
Texto negro sobre #08787F 4.00:1 AA texto grande Lc 28.5 Solo divisores y decoración
Texto #08787F sobre blanco 5.24:1 AA Lc 75.6 Bueno para texto de cuerpo
Texto #08787F sobre negro 4.00:1 AA texto grande Lc -26.2 Solo divisores y decoración

Tonos y tintes de Deep Aqua

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

  1. Paso 50

    50

    #F1F7F7

    oklch(97.2% 0.006 197.1)

  2. Paso 100

    100

    #E1ECED

    oklch(93.5% 0.012 203.5)

  3. Paso 200

    200

    #C8DEE0

    oklch(88.5% 0.024 203.4)

  4. Paso 300

    300

    #A2C9CC

    oklch(80.9% 0.042 202.2)

  5. Paso 400

    400

    #6CADB3

    oklch(70.6% 0.067 203.2)

  6. Paso 500

    500

    #3D99A0

    oklch(63.1% 0.086 202.2)

  7. Paso 600

    600

    #05838B

    oklch(55.6% 0.094 202.4)

  8. Paso 700

    700 (este color)

    #08787F

    oklch(52.2% 0.087 202.1)

  9. Paso 800

    800

    #015A60

    oklch(42.6% 0.072 202.7)

  10. Paso 900

    900

    #124A4E

    oklch(37.6% 0.056 202)

  11. Paso 950

    950

    #0D2C2E

    oklch(27.1% 0.036 201.1)

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

Deep Aqua 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)#6E72800.088
Deuteranopía (sin conos verdes)#5F687F0.080
Tritanopía (sin conos azules)#007D7A0.020
Acromatopsia (sin color)#6C6C6C0.088

Usa Deep Aqua 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.