#546ca4 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #546ca4 | RGB(84, 108, 164) |
Created at 02/26/2023 23:02
Classification of #546ca4 color
#546ca4 is Semi dark and Cool Color Saturation 32%, lightness 49%.
Tint of royalblue
RGB values are RGB(84, 108, 164)
#546ca4 color contains Red 32.94%, Green 42.35% and Blue 64.31%.
oklch(53.71% 0.0929 265.73)
#546ca4 color contains Red 32.94%, Green 42.35% and Blue 64.31%.
oklch(53.71% 0.0929 265.73)
Color Names of #546ca4 HEX code
≈ Waikawa Gray
Alternative colors of #546ca4
Opposite Color for #546ca4 is #a48c54
#546ca4 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #546ca4
Decimal
5532836
HEX
#546ca4
HSL
hsl(222, 32%, 49%)
HSLA
hsla(222, 32%, 49%, 1)
RGB
RGB(84, 108, 164)
RGBA
RGBA(84, 108, 164, 1)
Palettes for #546ca4 color:
Below examples of color palettes for #546ca4 HEX color
darkest color is #080b10 from shades and lightest color is #eef0f6 from tints
Shades palette of #546ca4:
#4c6194
#435683
#3b4c73
#324162
#2a3652
#222b42
#192031
#111621
#080b10
#000000
Tints palette of #546ca4:
#657bad
#7689b6
#8798bf
#98a7c8
#aab6d2
#bbc4db
#ccd3e4
#dde2ed
#eef0f6
#ffffff
Complementary palette of #546ca4:
#546ca4
#a48c54
Triadic palette of #546ca4:
#546ca4
#a4546c
#6ca454
Square palette of #546ca4:
#546ca4
#a45494
#a48c54
#54a464
Analogous palette of #546ca4:
#5494a4
#546ca4
#6454a4
Split-Complementary palette of #546ca4:
#546ca4
#a46454
#94a454
Rectangle (tetradic) palette of #546ca4:
#546ca4
#8c54a4
#a48c54
#6ca454
Suggested color palettes for #546ca4 HEX:
Color palette with color #546ca4 #1:
Color palette with color #546ca4 #2:
Color palette with color #546ca4 #3:
Color palette with color #546ca4 #4:
Color palette with color #546ca4 #5:
Color #546ca4 used in palettes (17)
Vibrant brand identity icon design logo App ui design ui bill payment Cycling roubaix paris palette Bank mobile design fintech app banking hex colors Ui humanitarian aids humanity palette Pastel design illustration typogaphy palette Accomodation list hosts mobile ux colors palette Figma vector animal crossing graphics colors Air desk project productivity colours Writer vector flat man palette E-commerce for parents children toy store baby web development child hex colors Ux app bookingapp graphic design Podcast progress redesign design hex colors Travel app ui ux design branding hex colors App podcast design Blender3d illustration art abstract colors palette App icon colors
Color Contrast
Color pairings #546ca4 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#546ca4
#546ca4 Contrast Ratio
5.17:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#546ca4
#546ca4 Contrast Ratio
4.05:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #546ca4 color png
Visit the popular colors list for more colors