color #6686F0 | Chroma Seek

#6686F0

Color Information

Hex Code

#6686F0

RGB

102, 134, 240

HSL

226°, 82%, 67%

CSS

#6686F0

Color Tints

Lighter variations of #6686F0

#6686F0

#7592F2

10%

#859EF3

20%

#94AAF5

30%

#A3B6F6

40%

#B3C3F8

50%

#C2CFF9

60%

#D1DBFB

70%

#E0E7FC

80%

#F0F3FE

90%

#FFFFFF

100%

Color Shades

Darker variations of #6686F0

#6686F0

#5C79D8

10%

#526BC0

20%

#475EA8

30%

#3D5090

40%

#334378

50%

#293660

60%

#1F2848

70%

#141B30

80%

#0A0D18

90%

#000000

100%

Related Colors

Complementary Color

#F0D066

Opposite on color wheel

Split-Complementary Colors

#F08B66, #CBF066

Adjacent to complementary color

Analogous Colors

#66CBF0, #8B66F0

Adjacent colors on color wheel (30° apart)

Triadic Colors

#F06686, #86F066

Three colors equally spaced (120° apart)

Tetradic Colors

#D066F0, #F0D066, #86F066

Rectangle on color wheel (90° apart)

Square Colors

#F066CB, #F0D066, #66F08B

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #C3CFF9, #1643DA, #0C277D

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring #6686F0. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#6686F0

#66EEF0

#AD66F0

#F0D066

#CBF066

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

Triadic + Accent

#6686F0

#F06686

#86F066

#E2A2F6

#16DAAC

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

Monochromatic + Split Complementary

#6686F0

#B9C8F8

#133CC3

#F08B66

#CBF066

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

#6686F0

RGB Values

102, 134, 240

HSL Values

226°, 82%, 67%