#7ba2eb Información del color HEX
| Color | HEX | RGB |
|---|---|---|
| #7ba2eb | RGB(123, 162, 235) |
Creado en 10/24/2024 14:11
Clasificación de colores #7ba2eb
#7ba2eb es Claro y Frío Color Saturación 74%, luminosidad 70%.
Tono claro de cornflowerblue
RGB los valores son RGB(123, 162, 235)
#7ba2eb el color contiene Rojo 48.24%, Verde 63.53% y Azul 92.16%.
oklch(71.35% 0.1157 262.33)
#7ba2eb el color contiene Rojo 48.24%, Verde 63.53% y Azul 92.16%.
oklch(71.35% 0.1157 262.33)
Nombres de color de #7ba2eb HEX código
≈ Portage
colores alternativos de #7ba2eb
Color opuesto para #7ba2eb – #ebc47b
#7ba2eb Conversión de color
Información de códigos y valores sobre el decimal de color HEX, HEX. Valores HSL, HSLA, RGB, RGBA #7ba2eb
cmyk
CMYK(48%, 31%, 0%, 8%)
Decimal
8102635
HEX
#7ba2eb
HSL
hsl(219, 74%, 70%)
HSLA
hsla(219, 74%, 70%, 1)
RGB
RGB(123, 162, 235)
RGBA
RGBA(123, 162, 235, 1)
Paletas para el color #7ba2eb:
A continuación ejemplos de paletas de colores para #7ba2eb color HEX
el color más oscuro de los tonos oscuros es #0c1017 y el más claro de los tonos claros es #f2f6fd
Paleta de tonos oscuros de #7ba2eb:
#6f92d4
#6282bc
#5671a5
#4a618d
#3e5176
#31415e
#253147
#19202f
#0c1017
#000000
Paleta de tonos claros de #7ba2eb:
#88abed
#95b5ef
#a3bef1
#b0c7f3
#bdd1f5
#cadaf7
#d7e3f9
#e5ecfb
#f2f6fd
#ffffff
Paleta complementaria de #7ba2eb:
#7ba2eb
#ebc47b
Paleta triádica de #7ba2eb:
#7ba2eb
#eb7ba2
#a2eb7b
Paleta cuadrada de #7ba2eb:
#7ba2eb
#eb7bda
#ebc47b
#7beb8c
Paleta análoga de #7ba2eb:
#7bdaeb
#7ba2eb
#8c7beb
Paleta dividida-complementaria de #7ba2eb:
#7ba2eb
#eb8c7b
#daeb7b
Paleta rectangular (tetrádica) de #7ba2eb:
#7ba2eb
#c47beb
#ebc47b
#a2eb7b
Paletas de colores sugeridas para #7ba2eb HEX:
Paleta de colores con color #7ba2eb #1:
Paleta de colores con color #7ba2eb #2:
Paleta de colores con color #7ba2eb #3:
Paleta de colores con color #7ba2eb #4:
Paleta de colores con color #7ba2eb #5:
Contraste de color
Combinaciones de colores #7ba2eb con negro y blanco para texto pequeño, texto grande y gráficos según la proporción de contraste de accesibilidad de WCAG.
#7ba2eb
#7ba2eb Relación de contraste
2.55:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
#7ba2eb
#7ba2eb Relación de contraste
8.2:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
Imagen #7ba2eb color png
Visita la lista de colores populares para más colores