color #4D97BD | Chroma Seek

#4D97BD

Color Information

Hex Code

#4D97BD

RGB

77, 151, 189

HSL

200°, 46%, 52%

CSS

#4D97BD

Color Tints

Lighter variations of #4D97BD

#4D97BD

#5FA1C4

10%

#71ACCA

20%

#82B6D1

30%

#94C1D7

40%

#A6CBDE

50%

#B8D5E5

60%

#CAE0EB

70%

#DBEAF2

80%

#EDF5F8

90%

#FFFFFF

100%

Color Shades

Darker variations of #4D97BD

#4D97BD

#4588AA

10%

#3E7997

20%

#366A84

30%

#2E5B71

40%

#274C5F

50%

#1F3C4C

60%

#172D39

70%

#0F1E26

80%

#080F13

90%

#000000

100%

Related Colors

Complementary Color

#BD724C

Opposite on color wheel

Split-Complementary Colors

#BD4C5F, #BDAA4C

Adjacent to complementary color

Analogous Colors

#4CBDAA, #4C5FBD

Adjacent colors on color wheel (30° apart)

Triadic Colors

#BD4C97, #97BD4C

Three colors equally spaced (120° apart)

Tetradic Colors

#724CBD, #BD724C, #97BD4C

Rectangle on color wheel (90° apart)

Square Colors

#AA4CBD, #BD724C, #5FBD4C

Four colors equally spaced (90° apart)

Monochromatic Variations

#E1EEF4, #97C3D8, #2C5E77, #11232D

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#4D97BD

#4CBD8E

#564CBD

#BD724C

#BDAA4C

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

Triadic + Accent

#4D97BD

#BD4C97

#97BD4C

#AD97D8

#2C7745

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

Monochromatic + Split Complementary

#4D97BD

#A9CDDF

#254F65

#BD4C5F

#BDAA4C

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

#4D97BD

RGB Values

77, 151, 189

HSL Values

200°, 46%, 52%