color #335A9C | Chroma Seek

#335A9C

Color Information

Hex Code

#335A9C

RGB

51, 90, 156

HSL

218°, 51%, 41%

CSS

#335A9C

Color Tints

Lighter variations of #335A9C

#335A9C

#476BA6

10%

#5C7BB0

20%

#708CBA

30%

#859CC4

40%

#99ADCE

50%

#ADBDD7

60%

#C2CEE1

70%

#D6DEEB

80%

#EBEFF5

90%

#FFFFFF

100%

Color Shades

Darker variations of #335A9C

#335A9C

#2E518C

10%

#29487D

20%

#243F6D

30%

#1F365E

40%

#1A2D4E

50%

#14243E

60%

#0F1B2F

70%

#0A121F

80%

#050910

90%

#000000

100%

Related Colors

Complementary Color

#9E7733

Opposite on color wheel

Split-Complementary Colors

#9E4133, #909E33

Adjacent to complementary color

Analogous Colors

#33909E, #41339E

Adjacent colors on color wheel (30° apart)

Triadic Colors

#9E335A, #5A9E33

Three colors equally spaced (120° apart)

Tetradic Colors

#77339E, #9E7733, #5A9E33

Rectangle on color wheel (90° apart)

Square Colors

#9E3390, #9E7733, #339E41

Four colors equally spaced (90° apart)

Monochromatic Variations

#B6C8E7, #698ECE, #1A2E51, #010204

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring #335A9C. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#335A9C

#339E91

#5C339E

#9E7733

#909E33

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

Triadic + Accent

#335A9C

#9E335A

#5A9E33

#A969CE

#1A513D

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

Monochromatic + Split Complementary

#335A9C

#7C9DD5

#14233E

#9E4133

#909E33

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

#335A9C

RGB Values

51, 90, 156

HSL Values

218°, 51%, 41%