#564caa HEX color information
| Color | HEX | RGB |
|---|---|---|
| #564caa | RGB(86, 76, 170) |
Created at 03/05/2023 17:20
RGB values are RGB(86, 76, 170)
#564caa color contains Red 33.73%, Green 29.8% and Blue 66.67%.
oklch(47.69% 0.1453 284.26)
#564caa color contains Red 33.73%, Green 29.8% and Blue 66.67%.
oklch(47.69% 0.1453 284.26)
Color Names of #564caa HEX code
≈ Butterfly Bush
Classification of #564caa color
#564caa is Semi dark and Cool Color Saturation 38%, lightness 48%.
Tint of Dark Slate Blue
Alternative colors of #564caa
Opposite Color for #564caa is #a0aa4c
#564caa Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #564caa
cmyk
CMYK(49%, 55%, 0%, 33%)
Decimal
5655722
HEX
#564caa
HSL
hsl(246, 38%, 48%)
HSLA
hsla(246, 38%, 48%, 1)
RGB
RGB(86, 76, 170)
RGBA
RGBA(86, 76, 170, 1)
Palettes for #564caa color:
Below are examples of color palettes with the #564caa HEX color
darkest color is #090811 from shades and lightest color is #eeedf7 from tints
Shades palette of #564caa:
#4d4499
#453d88
#3c3577
#342e66
#2b2655
#221e44
#1a1733
#110f22
#090811
#000000
Tints palette of #564caa:
#675eb3
#7870bb
#8982c4
#9a94cc
#aba6d5
#bbb7dd
#ccc9e6
#dddbee
#eeedf7
#ffffff
Complementary palette of #564caa:
#564caa
#a0aa4c
Triadic palette of #564caa:
#564caa
#aa564c
#4caa56
Square palette of #564caa:
#564caa
#aa4c71
#a0aa4c
#4caa85
Analogous palette of #564caa:
#4c71aa
#564caa
#854caa
Split-Complementary palette of #564caa:
#564caa
#aa854c
#71aa4c
Rectangle (tetradic) palette of #564caa:
#564caa
#aa4ca0
#a0aa4c
#4caa56
Suggested color palettes for #564caa HEX:
Color palette with color #564caa #1:
Color palette with color #564caa #2:
Color palette with color #564caa #3:
Color palette with color #564caa #4:
Color palette with color #564caa #5:
Color #564caa used in palettes (1)
Color Contrast
Color pairings of #564caa with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#564caa
#564caaContrast Ratio
6.97:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#564caa
#564caaContrast Ratio
3:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #564caa color png
Visit the popular colors list for more colors