#3476a1 HEX color information

Color HEX RGB
#3476a1 RGB(52, 118, 161)
  33
Created at 02/23/2023 09:49

Classification of #3476a1 color

#3476a1 is Semi dark and Cool Color Saturation 51%, lightness 42%.
Shade of Steel Blue
RGB values are RGB(52, 118, 161)
#3476a1 color contains Red 20.39%, Green 46.27% and Blue 63.14%.
oklch(54.25% 0.0948 240.32)

Color Names of #3476a1 HEX code

≈ Astral
Opposite Color for #3476a1 is #a15f34

#3476a1 Color Conversion

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

cmyk
CMYK(68%, 27%, 0%, 37%)
Decimal
3438241
HEX
#3476a1
HSL
hsl(204, 51%, 42%)
HSLA
hsla(204, 51%, 42%, 1)
RGB
RGB(52, 118, 161)
RGBA
RGBA(52, 118, 161, 1)

Palettes for #3476a1 color:

Below examples of color palettes for #3476a1 HEX color

darkest color is #050c10 from shades and lightest color is #ebf1f6 from tints

Shades palette of #3476a1:
#2f6a91
#2a5e81
#245371
#1f4761
#1a3b51
#152f40
#102330
#0a1820
#050c10
#000000
Tints palette of #3476a1:
#4884aa
#5d91b4
#719fbd
#85adc7
#9abbd0
#aec8d9
#c2d6e3
#d6e4ec
#ebf1f6
#ffffff
Complementary palette of #3476a1:
#3476a1
#a15f34
Triadic palette of #3476a1:
#3476a1
#a13476
#76a134
Square palette of #3476a1:
#3476a1
#9634a1
#a15f34
#3fa134
Analogous palette of #3476a1:
#34a196
#3476a1
#343fa1
Split-Complementary palette of #3476a1:
#3476a1
#a1343f
#a19634
Rectangle (tetradic) palette of #3476a1:
#3476a1
#5f34a1
#a15f34
#76a134

Suggested color palettes for #3476a1 HEX:

Color palette with color #3476a1 #1:
Color palette with color #3476a1 #2:
Color palette with color #3476a1 #3:
Color palette with color #3476a1 #4:
Color palette with color #3476a1 #5:

Color #3476a1 used in palettes (1)

Color Contrast

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

#3476a1
#3476a1
Contrast Ratio
4.93:1
SizeAA-levelAAA-level
Large text:
Small text:
#3476a1
#3476a1
Contrast Ratio
4.25:1
SizeAA-levelAAA-level
Large text:
Small text:

Image #3476a1 color png