color #97C3DC | Chroma Seek

#97C3DC

Color Information

Hex Code

#97C3DC

RGB

151, 195, 220

HSL

202°, 50%, 73%

CSS

#97C3DC

Color Tints

Lighter variations of #97C3DC

#97C3DC

#A1C9E0

10%

#ACCFE3

20%

#B6D5E7

30%

#C1DBEA

40%

#CBE1EE

50%

#D5E7F1

60%

#E0EDF5

70%

#EAF3F8

80%

#F5F9FC

90%

#FFFFFF

100%

Color Shades

Darker variations of #97C3DC

#97C3DC

#88B0C6

10%

#799CB0

20%

#6A899A

30%

#5B7584

40%

#4C626E

50%

#3C4E58

60%

#2D3B42

70%

#1E272C

80%

#0F1416

90%

#000000

100%

Related Colors

Complementary Color

#DDB198

Opposite on color wheel

Split-Complementary Colors

#DD98A1, #DDD398

Adjacent to complementary color

Analogous Colors

#98DDD3, #98A1DD

Adjacent colors on color wheel (30° apart)

Triadic Colors

#DD98C3, #C3DD98

Three colors equally spaced (120° apart)

Tetradic Colors

#B198DD, #DDB198, #C3DD98

Rectangle on color wheel (90° apart)

Square Colors

#D398DD, #DDB198, #A1DD98

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #E4F0F6, #4B97C3, #2A5F7E

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring #97C3DC. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#97C3DC

#98DDC2

#A098DD

#DDB198

#DDD398

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

Triadic + Accent

#97C3DC

#DD98C3

#C3DD98

#C5B3E6

#4BC377

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

Monochromatic + Split Complementary

#97C3DC

#C6DEEC

#3D8BB8

#DD98A1

#DDD398

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

#97C3DC

RGB Values

151, 195, 220

HSL Values

202°, 50%, 73%