color #6696E3 | Chroma Seek

#6696E3

Color Information

Hex Code

#6696E3

RGB

102, 150, 227

HSL

217°, 69%, 65%

CSS

#6696E3

Color Tints

Lighter variations of #6696E3

#6696E3

#75A1E6

10%

#85ABE9

20%

#94B6EB

30%

#A3C0EE

40%

#B3CBF1

50%

#C2D5F4

60%

#D1E0F7

70%

#E0EAF9

80%

#F0F5FC

90%

#FFFFFF

100%

Color Shades

Darker variations of #6696E3

#6696E3

#5C87CC

10%

#5278B6

20%

#47699F

30%

#3D5A88

40%

#334B72

50%

#293C5B

60%

#1F2D44

70%

#141E2D

80%

#0A0F17

90%

#000000

100%

Related Colors

Complementary Color

#E3B468

Opposite on color wheel

Split-Complementary Colors

#E37768, #D5E368

Adjacent to complementary color

Analogous Colors

#68D5E3, #7768E3

Adjacent colors on color wheel (30° apart)

Triadic Colors

#E36897, #97E368

Three colors equally spaced (120° apart)

Tetradic Colors

#B468E3, #E3B468, #97E368

Rectangle on color wheel (90° apart)

Square Colors

#E368D5, #E3B468, #68E377

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #BED3F3, #2460C2, #14356C

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring #6696E3. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#6696E3

#68E3D3

#9568E3

#E3B468

#D5E368

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

Triadic + Accent

#6696E3

#E36897

#97E368

#D4A9EF

#24C285

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

Monochromatic + Split Complementary

#6696E3

#BED3F3

#2056AC

#E37768

#D5E368

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

#6696E3

RGB Values

102, 150, 227

HSL Values

217°, 69%, 65%