Created at 02/19/2023 14:07
#5464ac HEX Color information
Color | HEX | RGB |
#5464ac | RGB(84, 100, 172) |
RGB values are RGB(84, 100, 172)
#5464ac color contain Red 32.94%, Green 39.22% and Blue 67.45%.
Color Names of #5464ac HEX code
Liberty, Submarine Base Color
Alternative colors of #5464ac
Opposite Color for #5464ac is #ac9c53
#5464ac Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #5464ac
Decimal
5530796
HEX
#5464ac
HSL
hsl(229, 35%, 50%)
HSLA
hsla(229, 35%, 50%, 1)
RGB
RGB(84, 100, 172)
RGBA
RGBA(84, 100, 172, 1)
Palettes for #5464ac color:
Below examples of color palettes for #5464ac HEX color
darkest color is #080a11 from shades and lightest color is #eef0f7 from tints
Shades palette of #5464ac:
Tints palette of #5464ac:
Complementary palette of #5464ac:
Triadic palette of #5464ac:
Square palette of #5464ac:
Analogous palette of #5464ac:
Split-Complementary palette of #5464ac:
Rectangle (tetradic) palette of #5464ac:
Color #5464ac used in palettes (18)
Video game discord mountains mario colors palette Valorant Omen Dailyui interface design ui palette Democracy mint grotesk super tuesday vote palette Visual search animation supermarket app colors Typo Coffee design branding rabbit palette Cheerful teeth engineering smile colors Poster minimalistic belarus affinity designer Card timeline interaction task Green product design modern brooklyn hex colors Search results appdesign ui uidesign colours Web table lamp hand do not disturb Graphic design blue icon illustration House illustration autumn textured vectorart colours Michigan logo design typography procreate colors palette Agency company layout microsoft colours Ui design colors palette
Color Contrast
Color pairings #5464ac with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#5464ac
#5464ac Contrast Ratio
5.53:1
Size | AA-level | AAA-level |
Large text: | ||
Small text: |
#5464ac
#5464ac Contrast Ratio
3.79:1
Size | AA-level | AAA-level |
Large text: | ||
Small text: |