color #7DAABD | Chroma Seek

#7DAABD

Color Information

Hex Code

#7DAABD

RGB

125, 170, 189

HSL

198°, 33%, 62%

CSS

#7DAABD

Color Tints

Lighter variations of #7DAABD

#7DAABD

#8AB3C4

10%

#97BBCA

20%

#A4C4D1

30%

#B1CCD7

40%

#BED5DE

50%

#CBDDE5

60%

#D8E6EB

70%

#E5EEF2

80%

#F2F7F8

90%

#FFFFFF

100%

Color Shades

Darker variations of #7DAABD

#7DAABD

#7199AA

10%

#648897

20%

#587784

30%

#4B6671

40%

#3F555F

50%

#32444C

60%

#263339

70%

#192226

80%

#0D1113

90%

#000000

100%

Related Colors

Complementary Color

#BE917E

Opposite on color wheel

Split-Complementary Colors

#BE7E8B, #BEB17E

Adjacent to complementary color

Analogous Colors

#7EBEB1, #7E8BBE

Adjacent colors on color wheel (30° apart)

Triadic Colors

#BE7EAB, #ABBE7E

Three colors equally spaced (120° apart)

Tetradic Colors

#917EBE, #BE917E, #ABBE7E

Rectangle on color wheel (90° apart)

Square Colors

#B17EBE, #BE917E, #8BBE7E

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #C2D7E0, #48798E, #26404B

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#7DAABD

#7EBEA1

#817EBE

#BE917E

#BEB17E

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

Triadic + Accent

#7DAABD

#BE7EAB

#ABBE7E

#C5BBDD

#488E5D

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

Monochromatic + Split Complementary

#7DAABD

#CCDEE5

#3F6B7D

#BE7E8B

#BEB17E

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

#7DAABD

RGB Values

125, 170, 189

HSL Values

198°, 33%, 62%