color #3989BC | Chroma Seek

#3989BC

Color Information

Hex Code

#3989BC

RGB

57, 137, 188

HSL

203°, 53%, 48%

CSS

#3989BC

Color Tints

Lighter variations of #3989BC

#3989BC

#4D95C3

10%

#61A1C9

20%

#74ACD0

30%

#88B8D7

40%

#9CC4DE

50%

#B0D0E4

60%

#C4DCEB

70%

#D7E7F2

80%

#EBF3F8

90%

#FFFFFF

100%

Color Shades

Darker variations of #3989BC

#3989BC

#337BA9

10%

#2E6E96

20%

#286084

30%

#225271

40%

#1D455E

50%

#17374B

60%

#112938

70%

#0B1B26

80%

#060E13

90%

#000000

100%

Related Colors

Complementary Color

#BB6B3A

Opposite on color wheel

Split-Complementary Colors

#BB3A49, #BBAC3A

Adjacent to complementary color

Analogous Colors

#3ABBAC, #3A49BB

Adjacent colors on color wheel (30° apart)

Triadic Colors

#BB3A8A, #8ABB3A

Three colors equally spaced (120° apart)

Tetradic Colors

#6B3ABB, #BB6B3A, #8ABB3A

Rectangle on color wheel (90° apart)

Square Colors

#AC3ABB, #BB6B3A, #49BB3A

Four colors equally spaced (90° apart)

Monochromatic Variations

#D0E4F1, #82B7D9, #22506D, #0A171F

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring #3989BC. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#3989BC

#3ABB8C

#4B3ABB

#BB6B3A

#BBAC3A

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

Triadic + Accent

#3989BC

#BB3A8A

#8ABB3A

#A382D9

#226D3F

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

Monochromatic + Split Complementary

#3989BC

#96C3DF

#1C425A

#BB3A49

#BBAC3A

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

#3989BC

RGB Values

57, 137, 188

HSL Values

203°, 53%, 48%