#564f60 Información del color HEX
| Color | HEX | RGB |
|---|---|---|
| #564f60 | RGB(86, 79, 96) |
Creado en 09/29/2026 18:29
Clasificación de colores #564f60
#564f60 es semioscuro y Neutral Color Saturación 10%, luminosidad 34%.
Tono oscuro de dimgrey
RGB los valores son RGB(86, 79, 96)
#564f60 el color contiene Rojo 33.73%, Verde 30.98% y Azul 37.65%.
oklch(44.07% 0.0288 303.93)
#564f60 el color contiene Rojo 33.73%, Verde 30.98% y Azul 37.65%.
oklch(44.07% 0.0288 303.93)
Nombres de color de #564f60 HEX código
≈ Scarpa Flow
colores alternativos de #564f60
Color opuesto para #564f60 – #59604f
#564f60 Conversión de color
Información de códigos y valores sobre el decimal de color HEX, HEX. Valores HSL, HSLA, RGB, RGBA #564f60
cmyk
CMYK(10%, 18%, 0%, 62%)
Decimal
5656416
HEX
#564f60
HSL
hsl(265, 10%, 34%)
HSLA
hsla(265, 10%, 34%, 1)
RGB
RGB(86, 79, 96)
RGBA
RGBA(86, 79, 96, 1)
Paletas para el color #564f60:
A continuación ejemplos de paletas de colores para #564f60 color HEX
el color más oscuro de los tonos oscuros es #09080a y el más claro de los tonos claros es #eeedef
Paleta de tonos oscuros de #564f60:
#4d4756
#453f4d
#3c3743
#342f3a
#2b2830
#222026
#1a181d
#111013
#09080a
#000000
Paleta de tonos claros de #564f60:
#676170
#787280
#898490
#9a95a0
#aba7b0
#bbb9bf
#cccacf
#dddcdf
#eeedef
#ffffff
Paleta complementaria de #564f60:
#564f60
#59604f
Paleta triádica de #564f60:
#564f60
#60564f
#4f6056
Paleta cuadrada de #564f60:
#564f60
#604f51
#59604f
#4f605f
Paleta análoga de #564f60:
#4f5160
#564f60
#5f4f60
Paleta dividida-complementaria de #564f60:
#564f60
#605f4f
#50604f
Paleta rectangular (tetrádica) de #564f60:
#564f60
#604f59
#59604f
#4f6056
Paletas de colores sugeridas para #564f60 HEX:
Paleta de colores con color #564f60 #1:
Paleta de colores con color #564f60 #2:
Paleta de colores con color #564f60 #3:
Paleta de colores con color #564f60 #4:
Paleta de colores con color #564f60 #5:
Contraste de color
Combinaciones de colores #564f60 con negro y blanco para texto pequeño, texto grande y gráficos según la proporción de contraste de accesibilidad de WCAG.
#564f60
#564f60 Relación de contraste
7.82:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
#564f60
#564f60 Relación de contraste
2.68:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
Imagen #564f60 color png
Visita la lista de colores populares para más colores