color #336CBA | Chroma Seek

#336CBA

Color Information

Hex Code

#336CBA

RGB

51, 108, 186

HSL

215°, 57%, 46%

CSS

#336CBA

Color Tints

Lighter variations of #336CBA

#336CBA

#477BC1

10%

#5C89C8

20%

#7098CF

30%

#85A7D6

40%

#99B6DD

50%

#ADC4E3

60%

#C2D3EA

70%

#D6E2F1

80%

#EBF0F8

90%

#FFFFFF

100%

Color Shades

Darker variations of #336CBA

#336CBA

#2E61A7

10%

#295695

20%

#244C82

30%

#1F4170

40%

#1A365D

50%

#142B4A

60%

#0F2038

70%

#0A1625

80%

#050B13

90%

#000000

100%

Color Tones

Toned variations of #336CBA (mixed with gray)

#336CBA

#3B6EB4

10%

#4270AE

20%

#4A72A9

30%

#5274A3

40%

#5A769D

50%

#617897

60%

#697A91

70%

#717C8C

80%

#787E86

90%

#808080

100%

Related Colors

Complementary Color

#B88032

Opposite on color wheel

Split-Complementary Colors

#B83E32, #ADB832

Adjacent to complementary color

Analogous Colors

#32ADB8, #3E32B8

Adjacent colors on color wheel (30° apart)

Triadic Colors

#B8326A, #6AB832

Three colors equally spaced (120° apart)

Tetradic Colors

#8032B8, #B88032, #6AB832

Rectangle on color wheel (90° apart)

Square Colors

#B832AD, #B88032, #32B83E

Four colors equally spaced (90° apart)

Monochromatic Variations

#C7D8F0, #77A0DA, #1D3C68, #070E18

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#336CBA

#32B8A2

#5F32B8

#B88032

#ADB832

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

Triadic + Accent

#336CBA

#B8326A

#6AB832

#B177DA

#1D6849

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

Monochromatic + Split Complementary

#336CBA

#8BAEDF

#173054

#B83E32

#ADB832

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

#336CBA

RGB Values

51, 108, 186

HSL Values

215°, 57%, 46%