#7eb1f0 Información del color HEX
| Color | HEX | RGB |
|---|---|---|
| #7eb1f0 | RGB(126, 177, 240) |
Creado en 09/29/2026 14:44
Clasificación de colores #7eb1f0
#7eb1f0 es Claro y Frío Color Saturación 79%, luminosidad 72%.
Tono claro de cornflowerblue
RGB los valores son RGB(126, 177, 240)
#7eb1f0 el color contiene Rojo 49.41%, Verde 69.41% y Azul 94.12%.
oklch(74.93% 0.1064 254.22)
#7eb1f0 el color contiene Rojo 49.41%, Verde 69.41% y Azul 94.12%.
oklch(74.93% 0.1064 254.22)
Nombres de color de #7eb1f0 HEX código
≈ Jordy Blue
colores alternativos de #7eb1f0
Color opuesto para #7eb1f0 – #f0bd7e
#7eb1f0 Conversión de color
Información de códigos y valores sobre el decimal de color HEX, HEX. Valores HSL, HSLA, RGB, RGBA #7eb1f0
cmyk
CMYK(48%, 26%, 0%, 6%)
Decimal
8303088
HEX
#7eb1f0
HSL
hsl(213, 79%, 72%)
HSLA
hsla(213, 79%, 72%, 1)
RGB
RGB(126, 177, 240)
RGBA
RGBA(126, 177, 240, 1)
Paletas para el color #7eb1f0:
A continuación ejemplos de paletas de colores para #7eb1f0 color HEX
el color más oscuro de los tonos oscuros es #0d1218 y el más claro de los tonos claros es #f2f7fe
Paleta de tonos oscuros de #7eb1f0:
#719fd8
#658ec0
#587ca8
#4c6a90
#3f5978
#324760
#263548
#192330
#0d1218
#000000
Paleta de tonos claros de #7eb1f0:
#8bb9f2
#98c1f3
#a5c8f5
#b2d0f6
#bfd8f8
#cbe0f9
#d8e8fb
#e5effc
#f2f7fe
#ffffff
Paleta complementaria de #7eb1f0:
#7eb1f0
#f0bd7e
Paleta triádica de #7eb1f0:
#7eb1f0
#f07eb1
#b1f07e
Paleta cuadrada de #7eb1f0:
#7eb1f0
#f07eea
#f0bd7e
#7ef084
Paleta análoga de #7eb1f0:
#7eeaf0
#7eb1f0
#847ef0
Paleta dividida-complementaria de #7eb1f0:
#7eb1f0
#f0847e
#eaf07e
Paleta rectangular (tetrádica) de #7eb1f0:
#7eb1f0
#bd7ef0
#f0bd7e
#b1f07e
Paletas de colores sugeridas para #7eb1f0 HEX:
Paleta de colores con color #7eb1f0 #1:
Paleta de colores con color #7eb1f0 #2:
Paleta de colores con color #7eb1f0 #3:
Paleta de colores con color #7eb1f0 #4:
Paleta de colores con color #7eb1f0 #5:
Contraste de color
Combinaciones de colores #7eb1f0 con negro y blanco para texto pequeño, texto grande y gráficos según la proporción de contraste de accesibilidad de WCAG.
#7eb1f0
#7eb1f0 Relación de contraste
2.22:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
#7eb1f0
#7eb1f0 Relación de contraste
9.43:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
Imagen #7eb1f0 color png
Visita la lista de colores populares para más colores