Ir al selector de color

Color #7bbdfd: Intenso tono claro de azul

#7bbdfd es rgb(123, 189, 253) en RGB y oklch(77.928% 0.11414 248.76) en OKLCH. Abajo tienes los demás formatos, tonos y valores de contraste.

Interpretado como HEX

210°
100 %

77,9 %
0,114
249°
  • Azul
  • Claro
  • Intenso
  • Frío
  • ≈ Azul bebé
  • blue-300
  • Negro 1 %

Dentro de sRGB: se ve igual en cualquier pantalla.

Texto blanco
1.99:1Difícil de leer
Lc -43
Texto negro
10.54:1Legible · AA
Lc 66

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 #7bbdfd

#7bbdfd es un intenso tono claro de azul. En OKLCH tiene una luminosidad de 77,9 %, un croma de 0.114 y un matiz de 249°.

Dentro de sRGB: se ve igual en cualquier pantalla.

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

El color con nombre más cercano es Azul bebé (#89cff0). En Tailwind CSS el más cercano es blue-300.

Más tonos de azul: claro

Más claro: #7bbdfd mezclado con blanco

  1. 7bbdfd
  2. 89c4fe
  3. 96cbfe
  4. a4d1ff
  5. b1d8ff
  6. bedfff
  7. cbe5ff
  8. d8ecff
  9. e5f2ff
  10. f2f9ff

Más oscuro: #7bbdfd mezclado con negro

  1. 7bbdfd
  2. 6aa4dc
  3. 5a8cbc
  4. 4a749d
  5. 3a5d7f
  6. 2c4762
  7. 1e3347
  8. 101f2d
  9. 050d16
  10. 010203

Más sobrio: #7bbdfd con menos saturación

  1. 7bbdfd
  2. 82bdf6
  3. 89bcef
  4. 8fbce9
  5. 95bbe2
  6. 9bbbdb
  7. a1bad4
  8. a7bacd
  9. acb9c5
  10. b2b8be

Preguntas sobre #7bbdfd

¿Qué color es #7bbdfd?

#7bbdfd es un intenso tono claro de azul. El color con nombre más cercano es Intenso tono claro de azul. En RGB es rgb(123, 189, 253), en HSL hsl(209.54, 97.01%, 73.73%) y en OKLCH oklch(77.928% 0.11414 248.76).

¿Qué colores combinan con #7bbdfd?

El color complementario de #7bbdfd es #e7a962. Para una combinación más tranquila, usa los colores análogos #51c8e8 y #a7afff. Los colores de la tríada son #f698a8 y #a1c575.

¿Se lee mejor el texto blanco o el negro sobre #7bbdfd?

Sobre #7bbdfd se lee mejor el texto negro: el blanco da una relación de contraste de 1.99:1 y el negro de 10.54:1. WCAG AA pide al menos 4,5:1 para el texto normal.

¿#7bbdfd es un color cálido o frío?

#7bbdfd es un color frío. En OKLCH su matiz es de 249 grados, su luminosidad 77,9 % y su croma 0.114.