color #336AD9 | Chroma Seek

#336AD9

Color Information

Hex Code

#336AD9

RGB

51, 106, 217

HSL

220°, 69%, 53%

CSS

#336AD9

Color Tints

Lighter variations of #336AD9

#336AD9

#4779DD

10%

#5C88E1

20%

#7097E4

30%

#85A6E8

40%

#99B5EC

50%

#ADC3F0

60%

#C2D2F4

70%

#D6E1F7

80%

#EBF0FB

90%

#FFFFFF

100%

Color Shades

Darker variations of #336AD9

#336AD9

#2E5FC3

10%

#2955AE

20%

#244A98

30%

#1F4082

40%

#1A356D

50%

#142A57

60%

#0F2041

70%

#0A152B

80%

#050B16

90%

#000000

100%

Color Tones

Toned variations of #336AD9 (mixed with gray)

#336AD9

#3B6CD0

10%

#426EC7

20%

#4A71BE

30%

#5273B5

40%

#5A75AD

50%

#6177A4

60%

#69799B

70%

#717C92

80%

#787E89

90%

#808080

100%

Related Colors

Complementary Color

#DAA334

Opposite on color wheel

Split-Complementary Colors

#DA5034, #BEDA34

Adjacent to complementary color

Analogous Colors

#34BEDA, #5034DA

Adjacent colors on color wheel (30° apart)

Triadic Colors

#DA346C, #6CDA34

Three colors equally spaced (120° apart)

Tetradic Colors

#A334DA, #DAA334, #6CDA34

Rectangle on color wheel (90° apart)

Square Colors

#DA34BE, #DAA334, #34DA50

Four colors equally spaced (90° apart)

Monochromatic Variations

#E1E9F9, #8BAAEA, #1A418E, #0A1A38

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring #336AD9. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#336AD9

#34DACC

#7934DA

#DAA334

#BEDA34

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

Triadic + Accent

#336AD9

#DA346C

#6CDA34

#CA8BEA

#1A8E68

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

Monochromatic + Split Complementary

#336AD9

#A0BAEE

#163779

#DA5034

#BEDA34

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

#336AD9

RGB Values

51, 106, 217

HSL Values

220°, 69%, 53%