color #3336CC | Chroma Seek

#3336CC

Color Information

Hex Code

#3336CC

RGB

51, 54, 204

HSL

239°, 60%, 50%

CSS

#3336CC

Color Tints

Lighter variations of #3336CC

#3336CC

#474AD1

10%

#5C5ED6

20%

#7072DB

30%

#8586E0

40%

#999BE6

50%

#ADAFEB

60%

#C2C3F0

70%

#D6D7F5

80%

#EBEBFA

90%

#FFFFFF

100%

Color Shades

Darker variations of #3336CC

#3336CC

#2E31B8

10%

#292BA3

20%

#24268F

30%

#1F207A

40%

#1A1B66

50%

#141652

60%

#0F103D

70%

#0A0B29

80%

#050514

90%

#000000

100%

Related Colors

Complementary Color

#CCC933

Opposite on color wheel

Split-Complementary Colors

#CC7D33, #82CC33

Adjacent to complementary color

Analogous Colors

#3382CC, #7D33CC

Adjacent colors on color wheel (30° apart)

Triadic Colors

#CC3336, #36CC33

Three colors equally spaced (120° apart)

Tetradic Colors

#C933CC, #CCC933, #36CC33

Rectangle on color wheel (90° apart)

Square Colors

#CC3382, #CCC933, #33CC7D

Four colors equally spaced (90° apart)

Monochromatic Variations

#D6D7F5, #8586E0, #1F207A, #0A0B29

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring #3336CC. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#3336CC

#33A8CC

#A333CC

#CCC933

#82CC33

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

Triadic + Accent

#3336CC

#CC3336

#36CC33

#DF85E0

#1F7A79

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

Monochromatic + Split Complementary

#3336CC

#999AE5

#1A1B66

#CC7D33

#82CC33

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

#3336CC

RGB Values

51, 54, 204

HSL Values

239°, 60%, 50%