color #6BCCF0 | Chroma Seek

#6BCCF0

Color Information

Hex Code

#6BCCF0

RGB

107, 204, 240

HSL

196°, 82%, 68%

CSS

#6BCCF0

Color Tints

Lighter variations of #6BCCF0

#6BCCF0

#7AD1F2

10%

#89D6F3

20%

#97DBF5

30%

#A6E0F6

40%

#B5E6F8

50%

#C4EBF9

60%

#D3F0FB

70%

#E1F5FC

80%

#F0FAFE

90%

#FFFFFF

100%

Color Shades

Darker variations of #6BCCF0

#6BCCF0

#60B8D8

10%

#56A3C0

20%

#4B8FA8

30%

#407A90

40%

#366678

50%

#2B5260

60%

#203D48

70%

#152930

80%

#0B1418

90%

#000000

100%

Related Colors

Complementary Color

#F08E6A

Opposite on color wheel

Split-Complementary Colors

#F06A8A, #F0D16A

Adjacent to complementary color

Analogous Colors

#6AF0D1, #6A8AF0

Adjacent colors on color wheel (30° apart)

Triadic Colors

#F06ACD, #CDF06A

Three colors equally spaced (120° apart)

Tetradic Colors

#8E6AF0, #F08E6A, #CDF06A

Rectangle on color wheel (90° apart)

Square Colors

#D16AF0, #F08E6A, #8AF06A

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #C7ECF9, #16A9DF, #0D6382

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring #6BCCF0. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#6BCCF0

#6AF0B0

#6D6AF0

#F08E6A

#F0D16A

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

Triadic + Accent

#6BCCF0

#F06ACD

#CDF06A

#B8A2F6

#16DF4C

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

Monochromatic + Split Complementary

#6BCCF0

#B9E7F8

#1498C8

#F06A8A

#F0D16A

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

#6BCCF0

RGB Values

107, 204, 240

HSL Values

196°, 82%, 68%