color #5C8CCC | Chroma Seek

#5C8CCC

Color Information

Hex Code

#5C8CCC

RGB

92, 140, 204

HSL

214°, 52%, 58%

CSS

#5C8CCC

Color Tints

Lighter variations of #5C8CCC

#5C8CCC

#6C98D1

10%

#7DA3D6

20%

#8DAFDB

30%

#9DBAE0

40%

#AEC6E6

50%

#BED1EB

60%

#CEDDF0

70%

#DEE8F5

80%

#EFF4FA

90%

#FFFFFF

100%

Color Shades

Darker variations of #5C8CCC

#5C8CCC

#537EB8

10%

#4A70A3

20%

#40628F

30%

#37547A

40%

#2E4666

50%

#253852

60%

#1C2A3D

70%

#121C29

80%

#090E14

90%

#000000

100%

Related Colors

Complementary Color

#CC9B5C

Opposite on color wheel

Split-Complementary Colors

#CC645C, #C4CC5C

Adjacent to complementary color

Analogous Colors

#5CC4CC, #645CCC

Adjacent colors on color wheel (30° apart)

Triadic Colors

#CC5C8C, #8CCC5C

Three colors equally spaced (120° apart)

Tetradic Colors

#9B5CCC, #CC9B5C, #8CCC5C

Rectangle on color wheel (90° apart)

Square Colors

#CC5CC4, #CC9B5C, #5CCC64

Four colors equally spaced (90° apart)

Monochromatic Variations

#F7FAFD, #AAC3E4, #2F5A93, #162B46

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#5C8CCC

#5CCCB7

#7F5CCC

#CC9B5C

#C4CC5C

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

Triadic + Accent

#5C8CCC

#CC5C8C

#8CCC5C

#CBAAE4

#2F9368

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

Monochromatic + Split Complementary

#5C8CCC

#BDD1EA

#284E80

#CC645C

#C4CC5C

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

#5C8CCC

RGB Values

92, 140, 204

HSL Values

214°, 52%, 58%