color #506A96 | Chroma Seek

#506A96

Color Information

Hex Code

#506A96

RGB

80, 106, 150

HSL

218°, 30%, 45%

CSS

#506A96

Color Tints

Lighter variations of #506A96

#506A96

#6279A1

10%

#7388AB

20%

#8597B6

30%

#96A6C0

40%

#A8B5CB

50%

#B9C3D5

60%

#CBD2E0

70%

#DCE1EA

80%

#EEF0F5

90%

#FFFFFF

100%

Color Shades

Darker variations of #506A96

#506A96

#485F87

10%

#405578

20%

#384A69

30%

#30405A

40%

#28354B

50%

#202A3C

60%

#18202D

70%

#10151E

80%

#080B0F

90%

#000000

100%

Related Colors

Complementary Color

#957C50

Opposite on color wheel

Split-Complementary Colors

#955A50, #8C9550

Adjacent to complementary color

Analogous Colors

#508C95, #5A5095

Adjacent colors on color wheel (30° apart)

Triadic Colors

#95506A, #6A9550

Three colors equally spaced (120° apart)

Tetradic Colors

#7C5095, #957C50, #6A9550

Rectangle on color wheel (90° apart)

Square Colors

#95508C, #957C50, #50955A

Four colors equally spaced (90° apart)

Monochromatic Variations

#CDD6E4, #8B9FC1, #2D3B53, #090C11

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring #506A96. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#506A96

#50958D

#6B5095

#957C50

#8C9550

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

Triadic + Accent

#506A96

#95506A

#6A9550

#AD8BC1

#2D5345

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

Monochromatic + Split Complementary

#506A96

#9CACC9

#242F42

#955A50

#8C9550

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

#506A96

RGB Values

80, 106, 150

HSL Values

218°, 30%, 45%