Created at 12/03/2023 13:44
#563d7f HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #563d7f | RGB(86, 61, 127) |
RGB values are RGB(86, 61, 127)
#563d7f color contain Red 33.73%, Green 23.92% and Blue 49.8%.
oklch(41.99% 0.1083 299.18)
#563d7f color contain Red 33.73%, Green 23.92% and Blue 49.8%.
oklch(41.99% 0.1083 299.18)
Classification of #563d7f color
#563d7f is Light and Cool Color Saturation 35%, lightness 37%.
Shade of darkslateblue
Alternative colors of #563d7f
Opposite Color for #563d7f is #667f3d
#563d7f Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #563d7f
Decimal
5651839
HEX
#563d7f
HSL
hsl(263, 35%, 37%)
HSLA
hsla(263, 35%, 37%, 1)
RGB
RGB(86, 61, 127)
RGBA
RGBA(86, 61, 127, 1)
Palettes for #563d7f color:
Below examples of color palettes for #563d7f HEX color
darkest color is #09060d from shades and lightest color is #eeecf2 from tints
Shades palette of #563d7f:
#4d3772
#453166
#3c2b59
#34254c
#2b1f40
#221833
#1a1226
#110c19
#09060d
#000000
Tints palette of #563d7f:
#67508c
#786499
#8977a5
#9a8bb2
#ab9ebf
#bbb1cc
#ccc5d9
#ddd8e5
#eeecf2
#ffffff
Complementary palette of #563d7f:
#573d7f
#667f3d
Triadic palette of #563d7f:
#573d7f
#7f573d
#3d7f57
Square palette of #563d7f:
#573d7f
#7f3d45
#3d7f78
#667f3d
Analogous palette of #563d7f:
#3d457f
#573d7f
Split-Complementary palette of #563d7f:
#573d7f
#3d457f
Rectangle (tetradic) palette of #563d7f:
#573d7f
#7f3d45
#3d7f78
#7f783d
Suggested colors palettes for #563d7f HEX:
Colors palette with color #563d7f #1:
Colors palette with color #563d7f #2:
Colors palette with color #563d7f #3:
Colors palette with color #563d7f #4:
Colors palette with color #563d7f #5:
Color Contrast
Color pairings #563d7f with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#563d7f
#563d7f Contrast Ratio
8.86:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#563d7f
#563d7f Contrast Ratio
2.36:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #563d7f color png
Visit the popular colors list for more colors