color #4C6CB0 | Chroma Seek

#4C6CB0

Color Information

Hex Code

#4C6CB0

RGB

76, 108, 176

HSL

221°, 40%, 49%

CSS

#4C6CB0

Color Tints

Lighter variations of #4C6CB0

#4C6CB0

#5E7BB8

10%

#7089C0

20%

#8298C8

30%

#94A7D0

40%

#A6B6D8

50%

#B7C4DF

60%

#C9D3E7

70%

#DBE2EF

80%

#EDF0F7

90%

#FFFFFF

100%

Color Shades

Darker variations of #4C6CB0

#4C6CB0

#44619E

10%

#3D568D

20%

#354C7B

30%

#2E416A

40%

#263658

50%

#1E2B46

60%

#172035

70%

#0F1623

80%

#080B12

90%

#000000

100%

Related Colors

Complementary Color

#AF8F4B

Opposite on color wheel

Split-Complementary Colors

#AF5D4B, #9DAF4B

Adjacent to complementary color

Analogous Colors

#4B9DAF, #5D4BAF

Adjacent colors on color wheel (30° apart)

Triadic Colors

#AF4B6B, #6BAF4B

Three colors equally spaced (120° apart)

Tetradic Colors

#8F4BAF, #AF8F4B, #6BAF4B

Rectangle on color wheel (90° apart)

Square Colors

#AF4B9D, #AF8F4B, #4BAF5D

Four colors equally spaced (90° apart)

Monochromatic Variations

#D8DFEE, #90A4D0, #2C3F68, #0E1420

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring #4C6CB0. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#4C6CB0

#4BAFA8

#764BAF

#AF8F4B

#9DAF4B

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

Triadic + Accent

#4C6CB0

#AF4B6B

#6BAF4B

#BC90D0

#2C6855

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

Monochromatic + Split Complementary

#4C6CB0

#A2B3D7

#253456

#AF5D4B

#9DAF4B

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

#4C6CB0

RGB Values

76, 108, 176

HSL Values

221°, 40%, 49%