color #3AD6FD | Chroma Seek

#3AD6FD

Color Information

Hex Code

#3AD6FD

RGB

58, 214, 253

HSL

192°, 98%, 61%

CSS

#3AD6FD

Color Tints

Lighter variations of #3AD6FD

#3AD6FD

#4EDAFD

10%

#61DEFD

20%

#75E2FE

30%

#89E6FE

40%

#9DEBFE

50%

#B0EFFE

60%

#C4F3FE

70%

#D8F7FF

80%

#EBFBFF

90%

#FFFFFF

100%

Color Shades

Darker variations of #3AD6FD

#3AD6FD

#34C1E4

10%

#2EABCA

20%

#2996B1

30%

#238098

40%

#1D6B7F

50%

#175665

60%

#11404C

70%

#0C2B33

80%

#061519

90%

#000000

100%

Related Colors

Complementary Color

#FD613A

Opposite on color wheel

Split-Complementary Colors

#FD3A75, #FDC33A

Adjacent to complementary color

Analogous Colors

#3AFDC3, #3A75FD

Adjacent colors on color wheel (30° apart)

Triadic Colors

#FD3AD6, #D6FD3A

Three colors equally spaced (120° apart)

Tetradic Colors

#613AFD, #FD613A, #D6FD3A

Rectangle on color wheel (90° apart)

Square Colors

#C33AFD, #FD613A, #75FD3A

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #9FEBFE, #02A6CF, #01556A

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring #3AD6FD. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#3AD6FD

#3AFD92

#3A44FD

#FD613A

#FDC33A

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

Triadic + Accent

#3AD6FD

#FD3AD6

#D6FD3A

#AE9AFE

#02CF2B

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

Monochromatic + Split Complementary

#3AD6FD

#B3EFFE

#0292B6

#FD3A75

#FDC33A

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

#3AD6FD

RGB Values

58, 214, 253

HSL Values

192°, 98%, 61%