#563d7c Información del color HEX
| Color | HEX | RGB |
|---|---|---|
| #563d7c | RGB(86, 61, 124) |
Creado en 02/23/2023 12:10
Clasificación de colores #563d7c
#563d7c es semioscuro y Frío Color Saturación 34%, luminosidad 36%.
Tono claro de darkslateblue
RGB los valores son RGB(86, 61, 124)
#563d7c el color contiene Rojo 33.73%, Verde 23.92% y Azul 48.63%.
oklch(41.80% 0.1041 300.27)
#563d7c el color contiene Rojo 33.73%, Verde 23.92% y Azul 48.63%.
oklch(41.80% 0.1041 300.27)
Nombres de color de #563d7c HEX código
≈ Victoria
colores alternativos de #563d7c
Color opuesto para #563d7c – #637c3d
#563d7c Conversión de color
Información de códigos y valores sobre el decimal de color HEX, HEX. Valores HSL, HSLA, RGB, RGBA #563d7c
cmyk
CMYK(31%, 51%, 0%, 51%)
Decimal
5651836
HEX
#563d7c
HSL
hsl(264, 34%, 36%)
HSLA
hsla(264, 34%, 36%, 1)
RGB
RGB(86, 61, 124)
RGBA
RGBA(86, 61, 124, 1)
Paletas para el color #563d7c:
A continuación ejemplos de paletas de colores para #563d7c color HEX
el color más oscuro de los tonos oscuros es #09060c y el más claro de los tonos claros es #eeecf2
Paleta de tonos oscuros de #563d7c:
#4d3770
#453163
#3c2b57
#34254a
#2b1f3e
#221832
#1a1225
#110c19
#09060c
#000000
Paleta de tonos claros de #563d7c:
#675089
#786496
#8977a3
#9a8bb0
#ab9ebe
#bbb1cb
#ccc5d8
#ddd8e5
#eeecf2
#ffffff
Paleta complementaria de #563d7c:
#563d7c
#637c3d
Paleta triádica de #563d7c:
#563d7c
#7c563d
#3d7c56
Paleta cuadrada de #563d7c:
#563d7c
#7c3d43
#637c3d
#3d7c76
Paleta análoga de #563d7c:
#3d437c
#563d7c
#763d7c
Paleta dividida-complementaria de #563d7c:
#563d7c
#7c763d
#437c3d
Paleta rectangular (tetrádica) de #563d7c:
#563d7c
#7c3d63
#637c3d
#3d7c56
Paletas de colores sugeridas para #563d7c HEX:
Paleta de colores con color #563d7c #1:
Paleta de colores con color #563d7c #2:
Paleta de colores con color #563d7c #3:
Paleta de colores con color #563d7c #4:
Paleta de colores con color #563d7c #5:
Color #563d7c usado en paletas (1)
Contraste de color
Combinaciones de colores #563d7c con negro y blanco para texto pequeño, texto grande y gráficos según la proporción de contraste de accesibilidad de WCAG.
#563d7c
#563d7c Relación de contraste
8.92:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
#563d7c
#563d7c Relación de contraste
2.35:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
Imagen #563d7c color png
Visita la lista de colores populares para más colores