color #536996 | Chroma Seek

#536996

Color Information

Hex Code

#536996

RGB

83, 105, 150

HSL

220°, 29%, 46%

CSS

#536996

Color Tints

Lighter variations of #536996

#536996

#6478A1

10%

#7587AB

20%

#8796B6

30%

#98A5C0

40%

#A9B4CB

50%

#BAC3D5

60%

#CBD2E0

70%

#DDE1EA

80%

#EEF0F5

90%

#FFFFFF

100%

Color Shades

Darker variations of #536996

#536996

#4B5F87

10%

#425478

20%

#3A4A69

30%

#323F5A

40%

#2A354B

50%

#212A3C

60%

#19202D

70%

#11151E

80%

#080B0F

90%

#000000

100%

Related Colors

Complementary Color

#978153

Opposite on color wheel

Split-Complementary Colors

#975F53, #8C9753

Adjacent to complementary color

Analogous Colors

#538C97, #5F5397

Adjacent colors on color wheel (30° apart)

Triadic Colors

#97536A, #6A9753

Three colors equally spaced (120° apart)

Tetradic Colors

#815397, #978153, #6A9753

Rectangle on color wheel (90° apart)

Square Colors

#97538C, #978153, #53975F

Four colors equally spaced (90° apart)

Monochromatic Variations

#D1D8E6, #8FA0C1, #2F3C56, #0B0E14

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#536996

#539792

#705397

#978153

#8C9753

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

Triadic + Accent

#536996

#97536A

#6A9753

#B18FC1

#2F5649

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

Monochromatic + Split Complementary

#536996

#A0AECA

#263045

#975F53

#8C9753

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

#536996

RGB Values

83, 105, 150

HSL Values

220°, 29%, 46%