Ir al selector de color

Color #abc2da: Suave tono claro de azul

#abc2da es rgb(171, 194, 218) en RGB y oklch(80.457% 0.04233 249.477) en OKLCH. Abajo tienes los demás formatos, tonos y valores de contraste.

Interpretado como HEX

211°
100 %

80,5 %
0,042
249°
  • Azul
  • Claro
  • Suave
  • Frío
  • ≈ Plata
  • blue-300
  • Negro 15 %

Dentro de sRGB: se ve igual en cualquier pantalla.

Texto blanco
1.83:1Difícil de leer
Lc -38
Texto negro
11.46:1Legible · AA
Lc 70

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

#abc2da es un suave tono claro de azul. En OKLCH tiene una luminosidad de 80,5 %, un croma de 0.042 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.83:1 y el negro 11.46:1, así que se lee mejor el texto negro.

El color con nombre más cercano es Plata (#c0c0c0). En Tailwind CSS el más cercano es blue-300.

Más tonos de azul: claro

Más claro: #abc2da mezclado con blanco

  1. abc2da
  2. b3c8de
  3. bbcee1
  4. c4d4e5
  5. ccdae9
  6. d5e0ed
  7. dde6f0
  8. e5ecf4
  9. eef3f8
  10. f6f9fb

Más oscuro: #abc2da mezclado con negro

  1. abc2da
  2. 94a8bd
  3. 7e8fa2
  4. 687787
  5. 54606c
  6. 404954
  7. 2d343c
  8. 1b2025
  9. 0b0e11
  10. 010202

Más sobrio: #abc2da con menos saturación

  1. abc2da
  2. adc2d7
  3. afc1d5
  4. b1c1d2
  5. b3c1cf
  6. b5c1cd
  7. b7c0ca
  8. b9c0c7
  9. bbc0c4
  10. bdbfc2

Preguntas sobre #abc2da

¿Qué color es #abc2da?

#abc2da es un suave tono claro de azul. El color con nombre más cercano es Suave tono claro de azul. En RGB es rgb(171, 194, 218), en HSL hsl(210.64, 38.84%, 76.27%) y en OKLCH oklch(80.457% 0.04233 249.477).

¿Qué colores combinan con #abc2da?

El color complementario de #abc2da es #d2bba2. Para una combinación más tranquila, usa los colores análogos #a2c6d2 y #b9bddb. Los colores de la tríada son #d9b4b9 y #b6c5a9.

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

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

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

#abc2da es un color frío. En OKLCH su matiz es de 249 grados, su luminosidad 80,5 % y su croma 0.042.