Ir al selector de color

Color #669cff: Intenso tono claro de azul

#669cff es rgb(102, 156, 255) en RGB y oklch(70.027% 0.15677 261.589) en OKLCH. Abajo tienes los demás formatos, tonos y valores de contraste.

Interpretado como HEX

219°
100 %

70 %
0,157
262°
  • Azul
  • Claro
  • Intenso
  • Frío
  • ≈ Azur
  • blue-400
  • Negro 0 %

Dentro de sRGB: se ve igual en cualquier pantalla.

Texto blanco
2.70:1Difícil de leer
Lc -57
Texto negro
7.76:1Legible · AA
Lc 52

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 #669cff

#669cff es un intenso tono claro de azul. En OKLCH tiene una luminosidad de 70 %, un croma de 0.157 y un matiz de 262°.

Dentro de sRGB: se ve igual en cualquier pantalla.

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

El color con nombre más cercano es Azur (#007fff). En Tailwind CSS el más cercano es blue-400.

Más tonos de azul: claro

Más claro: #669cff mezclado con blanco

  1. 669cff
  2. 75a6ff
  3. 84b1ff
  4. 93bbff
  5. a2c5ff
  6. b2cfff
  7. c1d9ff
  8. d0e2ff
  9. e0ecff
  10. eff5ff

Más oscuro: #669cff mezclado con negro

  1. 669cff
  2. 5887de
  3. 4a73be
  4. 3c5f9e
  5. 2f4c80
  6. 233963
  7. 172848
  8. 0c182e
  9. 040916
  10. 000103

Más sobrio: #669cff con menos saturación

  1. 669cff
  2. 6c9df6
  3. 729eec
  4. 789ee3
  5. 7e9fd9
  6. 849fd0
  7. 899fc6
  8. 8f9fbc
  9. 949fb3
  10. 999fa9

Preguntas sobre #669cff

¿Qué color es #669cff?

#669cff es un intenso tono claro de azul. El color con nombre más cercano es Intenso tono claro de azul. En RGB es rgb(102, 156, 255), en HSL hsl(218.82, 100%, 70%) y en OKLCH oklch(70.027% 0.15677 261.589).

¿Qué colores combinan con #669cff?

El color complementario de #669cff es #cf9200. Para una combinación más tranquila, usa los colores análogos #00adee y #a18af7. Los colores de la tríada son #f07172 y #60b656.

¿Se lee mejor el texto blanco o el negro sobre #669cff?

Sobre #669cff se lee mejor el texto negro: el blanco da una relación de contraste de 2.7:1 y el negro de 7.76:1. WCAG AA pide al menos 4,5:1 para el texto normal.

¿#669cff es un color cálido o frío?

#669cff es un color frío. En OKLCH su matiz es de 262 grados, su luminosidad 70 % y su croma 0.157.