color #335F7F | Chroma Seek

#335F7F

Color Information

Hex Code

#335F7F

RGB

51, 95, 127

HSL

205°, 43%, 35%

CSS

#335F7F

Color Tints

Lighter variations of #335F7F

#335F7F

#476F8C

10%

#5C7F99

20%

#708FA5

30%

#859FB2

40%

#99AFBF

50%

#ADBFCC

60%

#C2CFD9

70%

#D6DFE5

80%

#EBEFF2

90%

#FFFFFF

100%

Color Shades

Darker variations of #335F7F

#335F7F

#2E5672

10%

#294C66

20%

#244359

30%

#1F394C

40%

#1A3040

50%

#142633

60%

#0F1D26

70%

#0A1319

80%

#050A0D

90%

#000000

100%

Related Colors

Complementary Color

#805333

Opposite on color wheel

Split-Complementary Colors

#803339, #807933

Adjacent to complementary color

Analogous Colors

#338079, #333980

Adjacent colors on color wheel (30° apart)

Triadic Colors

#803360, #608033

Three colors equally spaced (120° apart)

Tetradic Colors

#533380, #805333, #608033

Rectangle on color wheel (90° apart)

Square Colors

#793380, #805333, #398033

Four colors equally spaced (90° apart)

Monochromatic Variations

#A4C4DB, #5B94BE, #162937, #000000

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#335F7F

#338066

#403380

#805333

#807933

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

Triadic + Accent

#335F7F

#803360

#608033

#845BBE

#1D492F

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

Monochromatic + Split Complementary

#335F7F

#6DA0C5

#162937

#803339

#807933

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

#335F7F

RGB Values

51, 95, 127

HSL Values

205°, 43%, 35%