#566b73 Información del color HEX
| Color | HEX | RGB |
|---|---|---|
| #566b73 | RGB(86, 107, 115) |
Creado en 09/29/2026 09:49
Clasificación de colores #566b73
#566b73 es semioscuro y Frío Color Saturación 14%, luminosidad 39%.
Tono oscuro de dimgrey
RGB los valores son RGB(86, 107, 115)
#566b73 el color contiene Rojo 33.73%, Verde 41.96% y Azul 45.1%.
oklch(51.36% 0.0281 223.01)
#566b73 el color contiene Rojo 33.73%, Verde 41.96% y Azul 45.1%.
oklch(51.36% 0.0281 223.01)
Nombres de color de #566b73 HEX código
≈ Shuttle Gray
colores alternativos de #566b73
Color opuesto para #566b73 – #735e56
#566b73 Conversión de color
Información de códigos y valores sobre el decimal de color HEX, HEX. Valores HSL, HSLA, RGB, RGBA #566b73
cmyk
CMYK(25%, 7%, 0%, 55%)
Decimal
5663603
HEX
#566b73
HSL
hsl(197, 14%, 39%)
HSLA
hsla(197, 14%, 39%, 1)
RGB
RGB(86, 107, 115)
RGBA
RGBA(86, 107, 115, 1)
Paletas para el color #566b73:
A continuación ejemplos de paletas de colores para #566b73 color HEX
el color más oscuro de los tonos oscuros es #090b0b y el más claro de los tonos claros es #eef0f1
Paleta de tonos oscuros de #566b73:
#4d6068
#45565c
#3c4b51
#344045
#2b363a
#222b2e
#1a2023
#111517
#090b0b
#000000
Paleta de tonos claros de #566b73:
#677a81
#78898f
#89979d
#9aa6ab
#abb5b9
#bbc4c7
#ccd3d5
#dde1e3
#eef0f1
#ffffff
Paleta complementaria de #566b73:
#566b73
#735e56
Paleta triádica de #566b73:
#566b73
#73566b
#6b7356
Paleta cuadrada de #566b73:
#566b73
#6d5673
#735e56
#5d7356
Paleta análoga de #566b73:
#56736d
#566b73
#565d73
Paleta dividida-complementaria de #566b73:
#566b73
#73565d
#736d56
Paleta rectangular (tetrádica) de #566b73:
#566b73
#5e5673
#735e56
#6b7356
Paletas de colores sugeridas para #566b73 HEX:
Paleta de colores con color #566b73 #1:
Paleta de colores con color #566b73 #2:
Paleta de colores con color #566b73 #3:
Paleta de colores con color #566b73 #4:
Paleta de colores con color #566b73 #5:
Contraste de color
Combinaciones de colores #566b73 con negro y blanco para texto pequeño, texto grande y gráficos según la proporción de contraste de accesibilidad de WCAG.
#566b73
#566b73 Relación de contraste
5.6:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
#566b73
#566b73 Relación de contraste
3.74:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
Imagen #566b73 color png
Visita la lista de colores populares para más colores