Created at 02/19/2023 11:30
#54649c HEX Color information
| Color | HEX | RGB |
| #54649c | RGB(84, 100, 156) |
RGB values are RGB(84, 100, 156)
#54649c color contain Red 32.94%, Green 39.22% and Blue 61.18%.
Alternative colors of #54649c
Opposite Color for #54649c is #9c8c54
#54649c Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #54649c
Decimal
5530780
HEX
#54649c
HSL
hsl(227, 30%, 47%)
HSLA
hsla(227, 30%, 47%, 1)
RGB
RGB(84, 100, 156)
RGBA
RGBA(84, 100, 156, 1)
Palettes for #54649c color:
Below examples of color palettes for #54649c HEX color
darkest color is #080a10 from shades and lightest color is #eef0f5 from tints
Shades palette of #54649c:
Tints palette of #54649c:
Complementary palette of #54649c:
Triadic palette of #54649c:
Square palette of #54649c:
Analogous palette of #54649c:
Split-Complementary palette of #54649c:
Rectangle (tetradic) palette of #54649c:
Suggested colors palettes for #54649c HEX:
Colors palette with color #54649c #1:
Colors palette with color #54649c #2:
Colors palette with color #54649c #3:
Colors palette with color #54649c #4:
Colors palette with color #54649c #5:
Color #54649c used in palettes (15)
Illustration hari raya social media design Dark uxui neon colors palette Ui ux design app screens designer mobile User interface uxui userexperience dailyui colors Health app medical remote consulation doctor uk colours King design crown head hex colors Crypto bot balance digital finance colors Japanese design flat illustration vector colors Design font design illustration colors palette Cute 3dmodel cartoon pinkcar hex colors Bed lose sleep girl light Logo webapp glassmorphism design colors Fintech website design landing page palette Creative photography font colors palette Illustration english font somali colors
Color Contrast
Color pairings #54649c with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#54649c
#54649c Contrast Ratio
5.7:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#54649c
#54649c Contrast Ratio
3.67:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
