Ir al selector de color

Color #369aa2: Intenso tono de cian

#369aa2 es rgb(54, 154, 162) en RGB y oklch(63.249% 0.09098 202.702) en OKLCH. Abajo tienes los demás formatos, tonos y valores de contraste.

Interpretado como HEX

184°
100 %

63,2 %
0,091
203°
  • Cian
  • Medio
  • Intenso
  • Frío
  • ≈ Pizarra
  • teal-600
  • Negro 36 %

Dentro de sRGB: se ve igual en cualquier pantalla.

Texto blanco
3.33:1Difícil de leer
Lc -66
Texto negro
6.30: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 en los que te detienes o que copias. Se quedan en este dispositivo.

Sobre #369aa2

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

Dentro de sRGB: se ve igual en cualquier pantalla.

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

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

Más tonos de cian: medio

Más claro: #369aa2 mezclado con blanco

  1. 369aa2
  2. 50a4ab
  3. 66aeb4
  4. 7ab8bd
  5. 8ec2c7
  6. a1ccd0
  7. b4d6d9
  8. c7e0e3
  9. daebec
  10. ecf5f5

Más oscuro: #369aa2 mezclado con negro

  1. 369aa2
  2. 2e858c
  3. 257177
  4. 1e5e63
  5. 164b4f
  6. 0f393c
  7. 08272a
  8. 031719
  9. 01090a
  10. 000101

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

  1. 369aa2
  2. 4499a0
  3. 4f979d
  4. 59969b
  5. 619498
  6. 699296
  7. 709194
  8. 778f91
  9. 7e8d8f
  10. 848c8c

Preguntas sobre #369aa2

¿Qué color es #369aa2?

#369aa2 es un intenso tono de cian. El color con nombre más cercano es Intenso tono de cian. En RGB es rgb(54, 154, 162), en HSL hsl(184.44, 50%, 42.35%) y en OKLCH oklch(63.249% 0.09098 202.702).

¿Qué colores combinan con #369aa2?

El color complementario de #369aa2 es #bb7370. Para una combinación más tranquila, usa los colores análogos #469c84 y #4b93b8. Los colores de la tríada son #a477aa y #a58545.

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

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

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

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