color #7DCCDF | Chroma Seek

#7DCCDF

Color Information

Hex Code

#7DCCDF

RGB

125, 204, 223

HSL

192°, 60%, 68%

CSS

#7DCCDF

Color Tints

Lighter variations of #7DCCDF

#7DCCDF

#8AD1E2

10%

#97D6E5

20%

#A4DBE9

30%

#B1E0EC

40%

#BEE6EF

50%

#CBEBF2

60%

#D8F0F5

70%

#E5F5F9

80%

#F2FAFC

90%

#FFFFFF

100%

Color Shades

Darker variations of #7DCCDF

#7DCCDF

#71B8C9

10%

#64A3B2

20%

#588F9C

30%

#4B7A86

40%

#3F6670

50%

#325259

60%

#263D43

70%

#19292D

80%

#0D1416

90%

#000000

100%

Related Colors

Complementary Color

#DE907C

Opposite on color wheel

Split-Complementary Colors

#DE7C9A, #DEC17C

Adjacent to complementary color

Analogous Colors

#7CDEC1, #7C9ADE

Adjacent colors on color wheel (30° apart)

Triadic Colors

#DE7CCB, #CBDE7C

Three colors equally spaced (120° apart)

Tetradic Colors

#907CDE, #DE907C, #CBDE7C

Rectangle on color wheel (90° apart)

Square Colors

#C17CDE, #DE907C, #9ADE7C

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #CEEBF3, #31A6C4, #1D6172

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#7DCCDF

#7CDEA9

#7C81DE

#DE907C

#DEC17C

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

Triadic + Accent

#7DCCDF

#DE7CCB

#CBDE7C

#BAADEB

#31C44E

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

Monochromatic + Split Complementary

#7DCCDF

#C2E7F0

#2C95AF

#DE7C9A

#DEC17C

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

#7DCCDF

RGB Values

125, 204, 223

HSL Values

192°, 60%, 68%