#564d7a Información del color HEX
| Color | HEX | RGB |
|---|---|---|
| #564d7a | RGB(86, 77, 122) |
Creado en 03/05/2023 11:40
Clasificación de colores #564d7a
#564d7a es semioscuro y Frío Color Saturación 23%, luminosidad 39%.
Tono claro de darkslateblue
RGB los valores son RGB(86, 77, 122)
#564d7a el color contiene Rojo 33.73%, Verde 30.2% y Azul 47.84%.
oklch(44.86% 0.073 292.38)
#564d7a el color contiene Rojo 33.73%, Verde 30.2% y Azul 47.84%.
oklch(44.86% 0.073 292.38)
Nombres de color de #564d7a HEX código
≈ Comet
colores alternativos de #564d7a
Color opuesto para #564d7a – #717a4d
#564d7a Conversión de color
Información de códigos y valores sobre el decimal de color HEX, HEX. Valores HSL, HSLA, RGB, RGBA #564d7a
cmyk
CMYK(30%, 37%, 0%, 52%)
Decimal
5655930
HEX
#564d7a
HSL
hsl(252, 23%, 39%)
HSLA
hsla(252, 23%, 39%, 1)
RGB
RGB(86, 77, 122)
RGBA
RGBA(86, 77, 122, 1)
Paletas para el color #564d7a:
A continuación ejemplos de paletas de colores para #564d7a color HEX
el color más oscuro de los tonos oscuros es #09080c y el más claro de los tonos claros es #eeedf2
Paleta de tonos oscuros de #564d7a:
#4d456e
#453e62
#3c3655
#342e49
#2b273d
#221f31
#1a1725
#110f18
#09080c
#000000
Paleta de tonos claros de #564d7a:
#675f87
#787195
#8982a2
#9a94af
#aba6bd
#bbb8ca
#cccad7
#dddbe4
#eeedf2
#ffffff
Paleta complementaria de #564d7a:
#564d7a
#717a4d
Paleta triádica de #564d7a:
#564d7a
#7a564d
#4d7a56
Paleta cuadrada de #564d7a:
#564d7a
#7a4d5b
#717a4d
#4d7a6d
Paleta análoga de #564d7a:
#4d5b7a
#564d7a
#6d4d7a
Paleta dividida-complementaria de #564d7a:
#564d7a
#7a6d4d
#5b7a4d
Paleta rectangular (tetrádica) de #564d7a:
#564d7a
#7a4d71
#717a4d
#4d7a56
Paletas de colores sugeridas para #564d7a HEX:
Paleta de colores con color #564d7a #1:
Paleta de colores con color #564d7a #2:
Paleta de colores con color #564d7a #3:
Paleta de colores con color #564d7a #4:
Paleta de colores con color #564d7a #5:
Color #564d7a usado en paletas (1)
Contraste de color
Combinaciones de colores #564d7a con negro y blanco para texto pequeño, texto grande y gráficos según la proporción de contraste de accesibilidad de WCAG.
#564d7a
#564d7a Relación de contraste
7.66:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
#564d7a
#564d7a Relación de contraste
2.73:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
Imagen #564d7a color png
Visita la lista de colores populares para más colores