color #3F504C | Chroma Seek

#3F504C

Color Information

Hex Code

#3F504C

RGB

63, 80, 76

HSL

166°, 12%, 28%

CSS

#3F504C

Color Tints

Lighter variations of #3F504C

#3F504C

#52625E

10%

#657370

20%

#798582

30%

#8C9694

40%

#9FA8A6

50%

#B2B9B7

60%

#C5CBC9

70%

#D9DCDB

80%

#ECEEED

90%

#FFFFFF

100%

Color Shades

Darker variations of #3F504C

#3F504C

#394844

10%

#32403D

20%

#2C3835

30%

#26302E

40%

#202826

50%

#19201E

60%

#131817

70%

#0D100F

80%

#060808

90%

#000000

100%

Related Colors

Complementary Color

#503F43

Opposite on color wheel

Split-Complementary Colors

#503F4B, #50433F

Adjacent to complementary color

Analogous Colors

#3F5043, #3F4B50

Adjacent colors on color wheel (30° apart)

Triadic Colors

#4C3F50, #504C3F

Three colors equally spaced (120° apart)

Tetradic Colors

#3F4350, #503F43, #504C3F

Rectangle on color wheel (90° apart)

Square Colors

#433F50, #503F43, #4B503F

Four colors equally spaced (90° apart)

Monochromatic Variations

#A4B7B3, #6C8982, #121716, #000000

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring #3F504C. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#3F504C

#3F503F

#3F4750

#503F43

#50433F

A harmonious blend of analogous colors with complementary accents for balanced contrast.

Triadic + Accent

#3F504C

#4C3F50

#504C3F

#6C7389

#30392D

Bold triadic colors with lighter and darker accent variations for dynamic contrast.

Monochromatic + Split Complementary

#3F504C

#79968F

#222B29

#503F4B

#50433F

Sophisticated monochromatic variations paired with split complementary colors for elegant contrast.

Interactive Color Picker

Click and drag on the color picker to explore different colors. The preview area will update in real-time.

Hue

Saturation & Lightness

Current Color

#3F504C

RGB Values

63, 80, 76

HSL Values

166°, 12%, 28%