Created at 02/20/2023 09:14
#3c3474 HEX Color information
Color | HEX | RGB |
#3c3474 | RGB(60, 52, 116) |
RGB values are RGB(60, 52, 116)
#3c3474 color contain Red 23.53%, Green 20.39% and Blue 45.49%.
Color Names of #3c3474 HEX code
American Blue Color
Alternative colors of #3c3474
Opposite Color for #3c3474 is #6c7434
#3c3474 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #3c3474
Decimal
3945588
HEX
#3c3474
HSL
hsl(248, 38%, 33%)
HSLA
hsla(248, 38%, 33%, 1)
RGB
RGB(60, 52, 116)
RGBA
RGBA(60, 52, 116, 1)
Palettes for #3c3474 color:
Below examples of color palettes for #3c3474 HEX color
darkest color is #06050c from shades and lightest color is #ecebf1 from tints
Shades palette of #3c3474:
Tints palette of #3c3474:
Complementary palette of #3c3474:
Triadic palette of #3c3474:
Square palette of #3c3474:
Analogous palette of #3c3474:
Split-Complementary palette of #3c3474:
Rectangle (tetradic) palette of #3c3474:
Suggested colors palettes for #3c3474 HEX:
Color #3c3474 used in palettes (16)
Dreams lucid ios interface colors Character startup nasa finance colors palette Web design daily colors palette 1548 Web design daily 85384 Iconography company logo mark idenity colours Creative appicon abstract graphic design colors Exploration letters hand lettering colours Illustration digital colorpalette woman colors palette Speed test ux tester webdesign Logos logodesigner logo inspiration logomark hex colors Illustration character design minimal flat hex colors Cryptowallet cryptocurrenty 3d wallet Jobs typography ui design palette Pricing plan ios dashboard learning platfrom Saas tool design typography edit component colors Card platform clean search
Color Contrast
Color pairings #3c3474 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#3c3474
#3c3474 Contrast Ratio
10.84:1
Size | AA-level | AAA-level |
Large text: | ||
Small text: |
#3c3474
#3c3474 Contrast Ratio
1.93:1
Size | AA-level | AAA-level |
Large text: | ||
Small text: |