color #497CCC | Chroma Seek

#497CCC

Color Information

Hex Code

#497CCC

RGB

73, 124, 204

HSL

217°, 56%, 54%

CSS

#497CCC

Color Tints

Lighter variations of #497CCC

#497CCC

#5B89D1

10%

#6D96D6

20%

#80A3DB

30%

#92B0E0

40%

#A4BEE6

50%

#B6CBEB

60%

#C8D8F0

70%

#DBE5F5

80%

#EDF2FA

90%

#FFFFFF

100%

Color Shades

Darker variations of #497CCC

#497CCC

#4270B8

10%

#3A63A3

20%

#33578F

30%

#2C4A7A

40%

#253E66

50%

#1D3252

60%

#16253D

70%

#0F1929

80%

#070C14

90%

#000000

100%

Related Colors

Complementary Color

#CB9948

Opposite on color wheel

Split-Complementary Colors

#CB5748, #BCCB48

Adjacent to complementary color

Analogous Colors

#48BCCB, #5748CB

Adjacent colors on color wheel (30° apart)

Triadic Colors

#CB487A, #7ACB48

Three colors equally spaced (120° apart)

Tetradic Colors

#9948CB, #CB9948, #7ACB48

Rectangle on color wheel (90° apart)

Square Colors

#CB48BC, #CB9948, #48CB57

Four colors equally spaced (90° apart)

Monochromatic Variations

#E7EEF8, #98B4E2, #264B87, #101F38

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#497CCC

#48CBBA

#7848CB

#CB9948

#BCCB48

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

Triadic + Accent

#497CCC

#CB487A

#7ACB48

#C598E2

#268762

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

Monochromatic + Split Complementary

#497CCC

#ABC2E7

#214073

#CB5748

#BCCB48

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

#497CCC

RGB Values

73, 124, 204

HSL Values

217°, 56%, 54%