color #4DAABD | Chroma Seek

#4DAABD

Color Information

Hex Code

#4DAABD

RGB

77, 170, 189

HSL

190°, 46%, 52%

CSS

#4DAABD

Color Tints

Lighter variations of #4DAABD

#4DAABD

#5FB3C4

10%

#71BBCA

20%

#82C4D1

30%

#94CCD7

40%

#A6D5DE

50%

#B8DDE5

60%

#CAE6EB

70%

#DBEEF2

80%

#EDF7F8

90%

#FFFFFF

100%

Color Shades

Darker variations of #4DAABD

#4DAABD

#4599AA

10%

#3E8897

20%

#367784

30%

#2E6671

40%

#27555F

50%

#1F444C

60%

#173339

70%

#0F2226

80%

#081113

90%

#000000

100%

Related Colors

Complementary Color

#BD5F4C

Opposite on color wheel

Split-Complementary Colors

#BD4C72, #BD974C

Adjacent to complementary color

Analogous Colors

#4CBD97, #4C72BD

Adjacent colors on color wheel (30° apart)

Triadic Colors

#BD4CAA, #AABD4C

Three colors equally spaced (120° apart)

Tetradic Colors

#5F4CBD, #BD5F4C, #AABD4C

Rectangle on color wheel (90° apart)

Square Colors

#974CBD, #BD5F4C, #72BD4C

Four colors equally spaced (90° apart)

Monochromatic Variations

#E1F1F4, #97CDD8, #2C6B77, #11282D

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#4DAABD

#4CBD7B

#4C56BD

#BD5F4C

#BD974C

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

Triadic + Accent

#4DAABD

#BD4CAA

#AABD4C

#A297D8

#2C7739

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

Monochromatic + Split Complementary

#4DAABD

#A9D6DF

#255A65

#BD4C72

#BD974C

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

#4DAABD

RGB Values

77, 170, 189

HSL Values

190°, 46%, 52%