Guía de color
Color Celeste
#7DD3FC
Códigos del color celeste
Qué significa el celeste
El celeste es abierto, honesto y ligero. Da aire a cualquier diseño.
Cómo usarlo en diseño
Genial para estados vacíos, salud y fondos hero ligeros.
Combinaciones de color con el celeste
Armonías calculadas con teoría del color para el matiz base 199°.
Complementario
Contraste máximo: #7DD3FC + #FCA67E
Análogo
Armonía a ±30°: #7EFCE5 · #7DD3FC · #7E95FC
Triádico
Separación de 120°: #7DD3FC · #FC7ED4 · #D4FC7E
Tonos del color celeste (escala 50–900)
Escala estilo Tailwind generada a partir de #7DD3FC.
Colores que combinan con el celeste
Preguntas frecuentes sobre el color celeste
¿Cuál es el código HEX del color celeste?
Un valor HEX muy usado para el color celeste es #7DD3FC, equivalente a rgb(125, 211, 252). Según el tono que busques, puedes ajustar saturación y luminosidad manteniendo el mismo matiz (199°).
¿Qué colores combinan con el celeste?
El celeste combina muy bien con navy, coral, white, charcoal. Su color complementario es #FCA67E, y una combinación triádica clásica añade #FC7ED4 y #D4FC7E.
¿Es el celeste accesible para textos y fondos?
Depende del ratio de contraste frente al otro color. Usa el verificador de contraste de NanoPalettes para comprobar el cumplimiento WCAG AA (4.5:1) y AAA (7:1) antes de usar el celeste en textos o elementos de interfaz.
Crea tu propia paleta en celeste
Genera combinaciones armónicas a partir de #7DD3FC en segundos.
Abrir el generador de paletas