color #3AA5FD | Chroma Seek

#3AA5FD

Color Information

Hex Code

#3AA5FD

RGB

58, 165, 253

HSL

207°, 98%, 61%

CSS

#3AA5FD

Color Tints

Lighter variations of #3AA5FD

#3AA5FD

#4EAEFD

10%

#61B7FD

20%

#75C0FE

30%

#89C9FE

40%

#9DD2FE

50%

#B0DBFE

60%

#C4E4FE

70%

#D8EDFF

80%

#EBF6FF

90%

#FFFFFF

100%

Color Shades

Darker variations of #3AA5FD

#3AA5FD

#3495E4

10%

#2E84CA

20%

#2973B1

30%

#236398

40%

#1D537F

50%

#174265

60%

#11324C

70%

#0C2133

80%

#061119

90%

#000000

100%

Related Colors

Complementary Color

#FD923A

Opposite on color wheel

Split-Complementary Colors

#FD3A44, #FDF33A

Adjacent to complementary color

Analogous Colors

#3AFDF3, #3A44FD

Adjacent colors on color wheel (30° apart)

Triadic Colors

#FD3AA5, #A5FD3A

Three colors equally spaced (120° apart)

Tetradic Colors

#923AFD, #FD923A, #A5FD3A

Rectangle on color wheel (90° apart)

Square Colors

#F33AFD, #FD923A, #44FD3A

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #9FD3FE, #0273CF, #013B6A

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#3AA5FD

#3AFDC3

#613AFD

#FD923A

#FDF33A

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

Triadic + Accent

#3AA5FD

#FD3AA5

#A5FD3A

#C79AFE

#02CF5E

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

Monochromatic + Split Complementary

#3AA5FD

#B3DCFE

#0265B6

#FD3A44

#FDF33A

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

#3AA5FD

RGB Values

58, 165, 253

HSL Values

207°, 98%, 61%