color #3680DF | Chroma Seek

#3680DF

Color Information

Hex Code

#3680DF

RGB

54, 128, 223

HSL

214°, 73%, 54%

CSS

#3680DF

Color Tints

Lighter variations of #3680DF

#3680DF

#4A8DE2

10%

#5E99E5

20%

#72A6E9

30%

#86B3EC

40%

#9BC0EF

50%

#AFCCF2

60%

#C3D9F5

70%

#D7E6F9

80%

#EBF2FC

90%

#FFFFFF

100%

Color Shades

Darker variations of #3680DF

#3680DF

#3173C9

10%

#2B66B2

20%

#265A9C

30%

#204D86

40%

#1B4070

50%

#163359

60%

#102643

70%

#0B1A2D

80%

#050D16

90%

#000000

100%

Related Colors

Complementary Color

#DF9534

Opposite on color wheel

Split-Complementary Colors

#DF3F34, #D4DF34

Adjacent to complementary color

Analogous Colors

#34D4DF, #3F34DF

Adjacent colors on color wheel (30° apart)

Triadic Colors

#DF347E, #7EDF34

Three colors equally spaced (120° apart)

Tetradic Colors

#9534DF, #DF9534, #7EDF34

Rectangle on color wheel (90° apart)

Square Colors

#DF34D4, #DF9534, #34DF3F

Four colors equally spaced (90° apart)

Monochromatic Variations

#E5EEFB, #8CB6ED, #174E96, #0A203E

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring #3680DF. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#3680DF

#34DFC0

#6A34DF

#DF9534

#D4DF34

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

Triadic + Accent

#3680DF

#DF347E

#7EDF34

#C38CED

#17965F

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

Monochromatic + Split Complementary

#3680DF

#A2C4F1

#144380

#DF3F34

#D4DF34

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

#3680DF

RGB Values

54, 128, 223

HSL Values

214°, 73%, 54%