#56a0de Información del color HEX
| Color | HEX | RGB |
|---|---|---|
| #56a0de | RGB(86, 160, 222) |
Creado en 09/29/2026 12:05
Clasificación de colores #56a0de
#56a0de es Claro y Frío Color Saturación 67%, luminosidad 60%.
Tono claro de dodgerblue
RGB los valores son RGB(86, 160, 222)
#56a0de el color contiene Rojo 33.73%, Verde 62.75% y Azul 87.06%.
oklch(68.42% 0.1181 245.97)
#56a0de el color contiene Rojo 33.73%, Verde 62.75% y Azul 87.06%.
oklch(68.42% 0.1181 245.97)
Nombres de color de #56a0de HEX código
≈ Havelock Blue
colores alternativos de #56a0de
Color opuesto para #56a0de – #de9456
#56a0de Conversión de color
Información de códigos y valores sobre el decimal de color HEX, HEX. Valores HSL, HSLA, RGB, RGBA #56a0de
cmyk
CMYK(61%, 28%, 0%, 13%)
Decimal
5677278
HEX
#56a0de
HSL
hsl(207, 67%, 60%)
HSLA
hsla(207, 67%, 60%, 1)
RGB
RGB(86, 160, 222)
RGBA
RGBA(86, 160, 222, 1)
Paletas para el color #56a0de:
A continuación ejemplos de paletas de colores para #56a0de color HEX
el color más oscuro de los tonos oscuros es #091016 y el más claro de los tonos claros es #eef6fc
Paleta de tonos oscuros de #56a0de:
#4d90c8
#4580b2
#3c709b
#346085
#2b506f
#224059
#1a3043
#11202c
#091016
#000000
Paleta de tonos claros de #56a0de:
#67aae1
#78b3e5
#89bde8
#9ac6eb
#abd0ef
#bbd9f2
#cce3f5
#ddecf8
#eef6fc
#ffffff
Paleta complementaria de #56a0de:
#56a0de
#de9456
Paleta triádica de #56a0de:
#56a0de
#de56a0
#a0de56
Paleta cuadrada de #56a0de:
#56a0de
#d856de
#de9456
#5cde56
Paleta análoga de #56a0de:
#56ded8
#56a0de
#565cde
Paleta dividida-complementaria de #56a0de:
#56a0de
#de565c
#ded856
Paleta rectangular (tetrádica) de #56a0de:
#56a0de
#9456de
#de9456
#a0de56
Paletas de colores sugeridas para #56a0de HEX:
Paleta de colores con color #56a0de #1:
Paleta de colores con color #56a0de #2:
Paleta de colores con color #56a0de #3:
Paleta de colores con color #56a0de #4:
Paleta de colores con color #56a0de #5:
Contraste de color
Combinaciones de colores #56a0de con negro y blanco para texto pequeño, texto grande y gráficos según la proporción de contraste de accesibilidad de WCAG.
#56a0de
#56a0de Relación de contraste
2.8:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
#56a0de
#56a0de Relación de contraste
7.47:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
Imagen #56a0de color png
Visita la lista de colores populares para más colores