Created at 01/19/2024 17:57
  7

#3d5fa4 HEX Color information

Color HEX RGB
#3d5fa4 RGB(61, 95, 164)

RGB values are RGB(61, 95, 164)
#3d5fa4 color contain Red 23.92%, Green 37.25% and Blue 64.31%.

Classification of #3d5fa4 color

#3d5fa4 is Semi dark and Cool Color
Tint of royalblue
Opposite Color for #3d5fa4 is #a4813d

#3d5fa4 Color Conversion

Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #3d5fa4

Decimal
4022180
HEX
#3d5fa4
HSL
hsl(220, 46%, 44%)
HSLA
hsla(220, 46%, 44%, 1)
RGB
RGB(61, 95, 164)
RGBA
RGBA(61, 95, 164, 1)

Palettes for #3d5fa4 color:

Below examples of color palettes for #3d5fa4 HEX color

darkest color is #060910 from shades and lightest color is #eceff6 from tints

Shades palette of #3d5fa4:
Tints palette of #3d5fa4:
Complementary palette of #3d5fa4:
Triadic palette of #3d5fa4:
Square palette of #3d5fa4:
Analogous palette of #3d5fa4:
Split-Complementary palette of #3d5fa4:
Rectangle (tetradic) palette of #3d5fa4:

Suggested colors palettes for #3d5fa4 HEX:

Colors palette with color #3d5fa4 #1:
Colors palette with color #3d5fa4 #2:
Colors palette with color #3d5fa4 #3:
Colors palette with color #3d5fa4 #4:
Colors palette with color #3d5fa4 #5:

Color Contrast

Color pairings #3d5fa4 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio

#3d5fa4
#3d5fa4
Contrast Ratio
6.22:1
SizeAA-levelAAA-level
Large text:
Small text:
#3d5fa4
#3d5fa4
Contrast Ratio
3.37:1
SizeAA-levelAAA-level
Large text:
Small text:

Image #3d5fa4 color png

Palette colors: How to use?

Click on any color to add in Palette
Quick palette
Maximum 10 palettes Compare
Click on «Compare» icon to add Palette in Compare List Palettes
Compare Palettes