#87b4f9 Información del color HEX
| Color | HEX | RGB |
|---|---|---|
| #87b4f9 | RGB(135, 180, 249) |
Creado en 10/01/2026 08:09
Clasificación de colores #87b4f9
#87b4f9 es Claro y Frío Color Saturación 90%, luminosidad 75%.
Tono claro de cornflowerblue
RGB los valores son RGB(135, 180, 249)
#87b4f9 el color contiene Rojo 52.94%, Verde 70.59% y Azul 97.65%.
oklch(76.48% 0.1109 258.72)
#87b4f9 el color contiene Rojo 52.94%, Verde 70.59% y Azul 97.65%.
oklch(76.48% 0.1109 258.72)
Nombres de color de #87b4f9 HEX código
≈ Jordy Blue
colores alternativos de #87b4f9
Color opuesto para #87b4f9 – #f9cc87
#87b4f9 Conversión de color
Información de códigos y valores sobre el decimal de color HEX, HEX. Valores HSL, HSLA, RGB, RGBA #87b4f9
cmyk
CMYK(46%, 28%, 0%, 2%)
Decimal
8893689
HEX
#87b4f9
HSL
hsl(216, 90%, 75%)
HSLA
hsla(216, 90%, 75%, 1)
RGB
RGB(135, 180, 249)
RGBA
RGBA(135, 180, 249, 1)
Paletas para el color #87b4f9:
A continuación ejemplos de paletas de colores para #87b4f9 color HEX
el color más oscuro de los tonos oscuros es #0d1219 y el más claro de los tonos claros es #f3f8fe
Paleta de tonos oscuros de #87b4f9:
#7aa2e0
#6c90c7
#5f7eae
#516c95
#445a7d
#364864
#29364b
#1b2432
#0d1219
#000000
Paleta de tonos claros de #87b4f9:
#93bcfa
#9fc3fa
#abcbfb
#b7d2fb
#c3dafc
#cfe1fd
#dbe9fd
#e7f0fe
#f3f8fe
#ffffff
Paleta complementaria de #87b4f9:
#87b4f9
#f9cc87
Paleta triádica de #87b4f9:
#87b4f9
#f987b4
#b4f987
Paleta cuadrada de #87b4f9:
#87b4f9
#f987ed
#f9cc87
#87f993
Paleta análoga de #87b4f9:
#87edf9
#87b4f9
#9387f9
Paleta dividida-complementaria de #87b4f9:
#87b4f9
#f99387
#edf987
Paleta rectangular (tetrádica) de #87b4f9:
#87b4f9
#cc87f9
#f9cc87
#b4f987
Paletas de colores sugeridas para #87b4f9 HEX:
Paleta de colores con color #87b4f9 #1:
Paleta de colores con color #87b4f9 #2:
Paleta de colores con color #87b4f9 #3:
Paleta de colores con color #87b4f9 #4:
Paleta de colores con color #87b4f9 #5:
Contraste de color
Combinaciones de colores #87b4f9 con negro y blanco para texto pequeño, texto grande y gráficos según la proporción de contraste de accesibilidad de WCAG.
#87b4f9
#87b4f9 Relación de contraste
2.11:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
#87b4f9
#87b4f9 Relación de contraste
9.92:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
Imagen #87b4f9 color png
Visita la lista de colores populares para más colores