color #3150DF | Chroma Seek

#3150DF

Color Information

Hex Code

#3150DF

RGB

49, 80, 223

HSL

229°, 73%, 53%

CSS

#3150DF

Color Tints

Lighter variations of #3150DF

#3150DF

#4662E2

10%

#5A73E5

20%

#6F85E9

30%

#8396EC

40%

#98A8EF

50%

#ADB9F2

60%

#C1CBF5

70%

#D6DCF9

80%

#EAEEFC

90%

#FFFFFF

100%

Color Shades

Darker variations of #3150DF

#3150DF

#2C48C9

10%

#2740B2

20%

#22389C

30%

#1D3086

40%

#192870

50%

#142059

60%

#0F1843

70%

#0A102D

80%

#050816

90%

#000000

100%

Related Colors

Complementary Color

#DFBF30

Opposite on color wheel

Split-Complementary Colors

#DF6730, #A7DF30

Adjacent to complementary color

Analogous Colors

#30A7DF, #6730DF

Adjacent colors on color wheel (30° apart)

Triadic Colors

#DF3050, #50DF30

Three colors equally spaced (120° apart)

Tetradic Colors

#BF30DF, #DFBF30, #50DF30

Rectangle on color wheel (90° apart)

Square Colors

#DF30A7, #DFBF30, #30DF67

Four colors equally spaced (90° apart)

Monochromatic Variations

#E0E5FA, #889AEC, #172D92, #091239

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#3150DF

#30D3DF

#9330DF

#DFBF30

#A7DF30

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

Triadic + Accent

#3150DF

#DF3050

#50DF30

#DA88EC

#17927B

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

Monochromatic + Split Complementary

#3150DF

#9EADF0

#13267C

#DF6730

#A7DF30

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

#3150DF

RGB Values

49, 80, 223

HSL Values

229°, 73%, 53%