color #9DA7F0 | Chroma Seek

#9DA7F0

Color Information

Hex Code

#9DA7F0

RGB

157, 167, 240

HSL

233°, 73%, 78%

CSS

#9DA7F0

Color Tints

Lighter variations of #9DA7F0

#9DA7F0

#A7B0F2

10%

#B1B9F3

20%

#BAC1F5

30%

#C4CAF6

40%

#CED3F8

50%

#D8DCF9

60%

#E2E5FB

70%

#EBEDFC

80%

#F5F6FE

90%

#FFFFFF

100%

Color Shades

Darker variations of #9DA7F0

#9DA7F0

#8D96D8

10%

#7E86C0

20%

#6E75A8

30%

#5E6490

40%

#4F5478

50%

#3F4360

60%

#2F3248

70%

#1F2130

80%

#101118

90%

#000000

100%

Related Colors

Complementary Color

#F0E69E

Opposite on color wheel

Split-Complementary Colors

#F0BD9E, #D0F09E

Adjacent to complementary color

Analogous Colors

#9ED0F0, #BD9EF0

Adjacent colors on color wheel (30° apart)

Triadic Colors

#F09EA8, #A8F09E

Three colors equally spaced (120° apart)

Tetradic Colors

#E69EF0, #F0E69E, #A8F09E

Rectangle on color wheel (90° apart)

Square Colors

#F09ED0, #F0E69E, #9EF0BD

Four colors equally spaced (90° apart)

Monochromatic Variations

#5C6CE6, #2136D4, #172592, #0C144F

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring #9DA7F0. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#9DA7F0

#9EE5F0

#D29EF0

#F0E69E

#D0F09E

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

Triadic + Accent

#9DA7F0

#F09EA8

#A8F09E

#E9A7F1

#46E2D0

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

Monochromatic + Split Complementary

#9DA7F0

#BDC3F5

#3044DF

#F0BD9E

#D0F09E

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

#9DA7F0

RGB Values

157, 167, 240

HSL Values

233°, 73%, 78%