Ir al selector de color

Color #369aa0: Intenso tono de cian

#369aa0 es rgb(54, 154, 160) en RGB y oklch(63.174% 0.09072 200.809) en OKLCH. Abajo tienes los demás formatos, tonos y valores de contraste.

Interpretado como HEX

183°
100 %

63,2 %
0,091
201°
  • Cian
  • Medio
  • Intenso
  • Frío
  • ≈ Gris pizarra
  • teal-600
  • Negro 37 %

Dentro de sRGB: se ve igual en cualquier pantalla.

Texto blanco
3.34:1Difícil de leer
Lc -66
Texto negro
6.29:1Legible · AA
Lc 44

Tonos

Del más claro al más oscuro. Haz clic en un tono para usarlo.

Armonías

Abrir como paleta

Recientes

Aquí aparecen los colores que eliges o copias. Se quedan en este dispositivo.

Sobre #369aa0

#369aa0 es un intenso tono de cian. En OKLCH tiene una luminosidad de 63,2 %, un croma de 0.091 y un matiz de 201°.

Dentro de sRGB: se ve igual en cualquier pantalla.

El texto blanco sobre este color alcanza un contraste de 3.34:1 y el negro 6.29:1, así que se lee mejor el texto blanco.

El color con nombre más cercano es Gris pizarra (#708090). En Tailwind CSS el más cercano es teal-600.

Más tonos de cian: medio

Más claro: #369aa0 mezclado con blanco

  1. 369aa0
  2. 50a4a9
  3. 66aeb2
  4. 7ab8bc
  5. 8ec2c5
  6. a1cccf
  7. b4d6d8
  8. c7e0e2
  9. daebeb
  10. ecf5f5

Más oscuro: #369aa0 mezclado con negro

  1. 369aa0
  2. 2e858b
  3. 257176
  4. 1e5e61
  5. 164b4e
  6. 0f393b
  7. 082729
  8. 031719
  9. 010909
  10. 000101

Más sobrio: #369aa0 con menos saturación

  1. 369aa0
  2. 44999e
  3. 4f979c
  4. 599699
  5. 619497
  6. 699295
  7. 709193
  8. 778f90
  9. 7e8d8e
  10. 848b8c

Preguntas sobre #369aa0

¿Qué color es #369aa0?

#369aa0 es un intenso tono de cian. El color con nombre más cercano es Intenso tono de cian. En RGB es rgb(54, 154, 160), en HSL hsl(183.4, 49.53%, 41.96%) y en OKLCH oklch(63.174% 0.09072 200.809).

¿Qué colores combinan con #369aa0?

El color complementario de #369aa0 es #ba7372. Para una combinación más tranquila, usa los colores análogos #489c82 y #4994b7. Los colores de la tríada son #a377ab y #a68446.

¿Se lee mejor el texto blanco o el negro sobre #369aa0?

Sobre #369aa0 se lee mejor el texto blanco: el blanco da una relación de contraste de 3.34:1 y el negro de 6.29:1. WCAG AA pide al menos 4,5:1 para el texto normal.

¿#369aa0 es un color cálido o frío?

#369aa0 es un color frío. En OKLCH su matiz es de 201 grados, su luminosidad 63,2 % y su croma 0.091.