LightSkyBlue — Códigos de color y paleta
Códigos de color
| Formato | Valor | |
|---|---|---|
| HEX | #87CEFA | |
| RGB | rgb(135, 206, 250) | |
| HSL | hsl(203, 92%, 75%) |
Tonos de LightSkyBlue
| #5DBDF8 | #36ADF7 | #0F9DF5 | #0985D3 | #076CAB | #065484 | #043B5D | #022236 |
Matices claros de LightSkyBlue
| #8ED1FA | #98D5FB | #A2D9FB | #ACDDFC | #B6E1FC | #BFE5FC | #C9E9FD | #D3EDFD |
Combinaciones y armonía de color
|
Complementario
#FAB285
|
Análogo +30°
#8592FA
|
Análogo −30°
#85FAEC
|
Triádico +120°
#FA85CD
|
Triádico −120°
#CDFA85
|
Contraste y accesibilidad (WCAG 2.1)
Fragmento CSS
.element {
color: #87CEFA;
}
.element-bg {
background-color: #87CEFA;
color: #000000;
}
.element-border {
border: 2px solid #87CEFA;
}
Sobre el color LightSkyBlue
LightSkyBlue es un color claro con saturación muy alta y vibrante, definido por el código hexadecimal #87CEFA. Sus valores exactos en los modelos de color son rgb(135, 206, 250) en RGB y hsl(203, 92%, 75%) en HSL (matiz 203°, saturación 92%, luminosidad 75%). Sobre fondo blanco, el ratio de contraste es 1.72:1 — No supera, y sobre negro es 12.24:1 — Supera AAA para texto normal. Usa LightSkyBlue en elementos de interfaz, fondos, texto, bordes o acentos decorativos. La sección de tonos muestra variaciones progresivamente más oscuras, mientras que la franja de matices claros muestra versiones más luminosas — ambas útiles para construir una paleta tonal. Las muestras de armonía proporcionan combinaciones complementarias, análogas y triádicas basadas en la rueda de matices HSL.
¿Quieres explorar este color de forma interactiva, generar paletas o convertir entre formatos de color? El selector de color de DevArbor te lo pone fácil.
Abrir el selector de color →