#568ced Información del color HEX
| Color | HEX | RGB |
|---|---|---|
| #568ced | RGB(86, 140, 237) |
Creado en 10/01/2026 06:20
Clasificación de colores #568ced
#568ced es Claro y Frío Color Saturación 81%, luminosidad 63%.
Tono oscuro de cornflowerblue
RGB los valores son RGB(86, 140, 237)
#568ced el color contiene Rojo 33.73%, Verde 54.9% y Azul 92.94%.
oklch(64.89% 0.1564 261.19)
#568ced el color contiene Rojo 33.73%, Verde 54.9% y Azul 92.94%.
oklch(64.89% 0.1564 261.19)
Nombres de color de #568ced HEX código
≈ Cornflower Blue
colores alternativos de #568ced
Color opuesto para #568ced – #edb756
#568ced Conversión de color
Información de códigos y valores sobre el decimal de color HEX, HEX. Valores HSL, HSLA, RGB, RGBA #568ced
cmyk
CMYK(64%, 41%, 0%, 7%)
Decimal
5672173
HEX
#568ced
HSL
hsl(219, 81%, 63%)
HSLA
hsla(219, 81%, 63%, 1)
RGB
RGB(86, 140, 237)
RGBA
RGBA(86, 140, 237, 1)
Paletas para el color #568ced:
A continuación ejemplos de paletas de colores para #568ced color HEX
el color más oscuro de los tonos oscuros es #090e18 y el más claro de los tonos claros es #eef4fd
Paleta de tonos oscuros de #568ced:
#4d7ed5
#4570be
#3c62a6
#34548e
#2b4677
#22385f
#1a2a47
#111c2f
#090e18
#000000
Paleta de tonos claros de #568ced:
#6798ef
#78a3f1
#89aff2
#9abaf4
#abc6f6
#bbd1f8
#ccddfa
#dde8fb
#eef4fd
#ffffff
Paleta complementaria de #568ced:
#568ced
#edb756
Paleta triádica de #568ced:
#568ced
#ed568c
#8ced56
Paleta cuadrada de #568ced:
#568ced
#ed56d8
#edb756
#56ed6b
Paleta análoga de #568ced:
#56d8ed
#568ced
#6b56ed
Paleta dividida-complementaria de #568ced:
#568ced
#ed6b56
#d8ed56
Paleta rectangular (tetrádica) de #568ced:
#568ced
#b756ed
#edb756
#8ced56
Paletas de colores sugeridas para #568ced HEX:
Paleta de colores con color #568ced #1:
Paleta de colores con color #568ced #2:
Paleta de colores con color #568ced #3:
Paleta de colores con color #568ced #4:
Paleta de colores con color #568ced #5:
Contraste de color
Combinaciones de colores #568ced con negro y blanco para texto pequeño, texto grande y gráficos según la proporción de contraste de accesibilidad de WCAG.
#568ced
#568ced Relación de contraste
3.29:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
#568ced
#568ced Relación de contraste
6.36:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
Imagen #568ced color png
Visita la lista de colores populares para más colores