#56578f HEX color information
| Color | HEX | RGB |
|---|---|---|
| #56578f | RGB(86, 87, 143) |
Created at 03/11/2023 19:29
Classification of #56578f color
#56578f is Semi dark and Cool Color Saturation 25%, lightness 45%.
Tint of darkslateblue
RGB values are RGB(86, 87, 143)
#56578f color contains Red 33.73%, Green 34.12% and Blue 56.08%.
oklch(48.13% 0.0893 281.72)
#56578f color contains Red 33.73%, Green 34.12% and Blue 56.08%.
oklch(48.13% 0.0893 281.72)
Color Names of #56578f HEX code
Purple Navy Color
≈ Butterfly Bush
Alternative colors of #56578f
Opposite Color for #56578f is #8f8e56
#56578f Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #56578f
Decimal
5658511
HEX
#56578f
HSL
hsl(239, 25%, 45%)
HSLA
hsla(239, 25%, 45%, 1)
RGB
RGB(86, 87, 143)
RGBA
RGBA(86, 87, 143, 1)
Palettes for #56578f color:
Below examples of color palettes for #56578f HEX color
darkest color is #09090e from shades and lightest color is #eeeef4 from tints
Shades palette of #56578f:
#4d4e81
#454672
#3c3d64
#343456
#2b2c48
#222339
#1a1a2b
#11111d
#09090e
#000000
Tints palette of #56578f:
#67689a
#7879a5
#8989b1
#9a9abc
#ababc7
#bbbcd2
#cccddd
#dddde9
#eeeef4
#ffffff
Complementary palette of #56578f:
#56578f
#8f8e56
Triadic palette of #56578f:
#56578f
#8f5657
#578f56
Square palette of #56578f:
#56578f
#8f5674
#8f8e56
#568f71
Analogous palette of #56578f:
#56748f
#56578f
#71568f
Split-Complementary palette of #56578f:
#56578f
#8f7156
#748f56
Rectangle (tetradic) palette of #56578f:
#56578f
#8e568f
#8f8e56
#578f56
Suggested color palettes for #56578f HEX:
Color palette with color #56578f #1:
Color palette with color #56578f #2:
Color palette with color #56578f #3:
Color palette with color #56578f #4:
Color palette with color #56578f #5:
Color #56578f used in palettes (3)
Color Contrast
Color pairings #56578f with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#56578f
#56578f Contrast Ratio
6.65:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#56578f
#56578f Contrast Ratio
3.15:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #56578f color png
Visit the popular colors list for more colors