Ir al selector de color

Color #697bbb: Suave tono de índigo

#697bbb es rgb(105, 123, 187) en RGB y oklch(59.577% 0.10035 271.149) en OKLCH. Abajo tienes los demás formatos, tonos y valores de contraste.

Interpretado como HEX

227°
100 %

59,6 %
0,100
271°
  • Índigo
  • Medio
  • Suave
  • Frío
  • ≈ Azul acero
  • slate-500
  • Negro 27 %

Dentro de sRGB: se ve igual en cualquier pantalla.

Texto blanco
4.08:1Difícil de leer
Lc -73
Texto negro
5.15:1Legible · AA
Lc 36

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 #697bbb

#697bbb es un suave tono de índigo. En OKLCH tiene una luminosidad de 59,6 %, un croma de 0.1 y un matiz de 271°.

Dentro de sRGB: se ve igual en cualquier pantalla.

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

El color con nombre más cercano es Azul acero (#4682b4). En Tailwind CSS el más cercano es slate-500.

Más tonos de índigo: medio

Más claro: #697bbb mezclado con blanco

  1. 697bbb
  2. 7788c2
  3. 8595c9
  4. 93a2d0
  5. a2afd7
  6. b1bcde
  7. c0c9e5
  8. cfd6ec
  9. dfe4f2
  10. eff1f9

Más oscuro: #697bbb mezclado con negro

  1. 697bbb
  2. 5a6aa2
  3. 4c5a8a
  4. 3e4a73
  5. 313a5c
  6. 242c46
  7. 181e32
  8. 0c101f
  9. 04050d
  10. 000102

Más sobrio: #697bbb con menos saturación

  1. 697bbb
  2. 6b7cb5
  3. 6d7caf
  4. 6f7da9
  5. 727da4
  6. 747e9e
  7. 767e98
  8. 787e92
  9. 7a7f8b
  10. 7d7f85

Preguntas sobre #697bbb

¿Qué color es #697bbb?

#697bbb es un suave tono de índigo. El color con nombre más cercano es Suave tono de índigo. En RGB es rgb(105, 123, 187), en HSL hsl(226.83, 37.61%, 57.25%) y en OKLCH oklch(59.577% 0.10035 271.149).

¿Qué colores combinan con #697bbb?

El color complementario de #697bbb es #957c2f. Para una combinación más tranquila, usa los colores análogos #4186b5 y #8970b1. Los colores de la tríada son #b36759 y #4e9060.

¿Se lee mejor el texto blanco o el negro sobre #697bbb?

Sobre #697bbb se lee mejor el texto blanco: el blanco da una relación de contraste de 4.08:1 y el negro de 5.15:1. WCAG AA pide al menos 4,5:1 para el texto normal.

¿#697bbb es un color cálido o frío?

#697bbb es un color frío. En OKLCH su matiz es de 271 grados, su luminosidad 59,6 % y su croma 0.1.