color #6AADF0 | Chroma Seek

#6AADF0

Color Information

Hex Code

#6AADF0

RGB

106, 173, 240

HSL

210°, 82%, 68%

CSS

#6AADF0

Color Tints

Lighter variations of #6AADF0

#6AADF0

#79B5F2

10%

#88BDF3

20%

#97C6F5

30%

#A6CEF6

40%

#B5D6F8

50%

#C3DEF9

60%

#D2E6FB

70%

#E1EFFC

80%

#F0F7FE

90%

#FFFFFF

100%

Color Shades

Darker variations of #6AADF0

#6AADF0

#5F9CD8

10%

#558AC0

20%

#4A79A8

30%

#406890

40%

#355778

50%

#2A4560

60%

#203448

70%

#152330

80%

#0B1118

90%

#000000

100%

Related Colors

Complementary Color

#F0AD6A

Opposite on color wheel

Split-Complementary Colors

#F06A6A, #F0F06A

Adjacent to complementary color

Analogous Colors

#6AF0F0, #6A6AF0

Adjacent colors on color wheel (30° apart)

Triadic Colors

#F06AAD, #ADF06A

Three colors equally spaced (120° apart)

Tetradic Colors

#AD6AF0, #F0AD6A, #ADF06A

Rectangle on color wheel (90° apart)

Square Colors

#F06AF0, #F0AD6A, #6AF06A

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #C7E0F9, #167ADF, #0D4782

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#6AADF0

#6AF0CF

#8C6AF0

#F0AD6A

#F0F06A

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

Triadic + Accent

#6AADF0

#F06AAD

#ADF06A

#CCA2F6

#16DF7A

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

Monochromatic + Split Complementary

#6AADF0

#B9D9F8

#146EC8

#F06A6A

#F0F06A

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

#6AADF0

RGB Values

106, 173, 240

HSL Values

210°, 82%, 68%