color #3A97F4 | Chroma Seek

#3A97F4

Color Information

Hex Code

#3A97F4

RGB

58, 151, 244

HSL

210°, 89%, 59%

CSS

#3A97F4

Color Tints

Lighter variations of #3A97F4

#3A97F4

#4EA1F5

10%

#61ACF6

20%

#75B6F7

30%

#89C1F8

40%

#9DCBFA

50%

#B0D5FB

60%

#C4E0FC

70%

#D8EAFD

80%

#EBF5FE

90%

#FFFFFF

100%

Color Shades

Darker variations of #3A97F4

#3A97F4

#3488DC

10%

#2E79C3

20%

#296AAB

30%

#235B92

40%

#1D4C7A

50%

#173C62

60%

#112D49

70%

#0C1E31

80%

#060F18

90%

#000000

100%

Related Colors

Complementary Color

#F39639

Opposite on color wheel

Split-Complementary Colors

#F33939, #F3F339

Adjacent to complementary color

Analogous Colors

#39F3F3, #3939F3

Adjacent colors on color wheel (30° apart)

Triadic Colors

#F33996, #96F339

Three colors equally spaced (120° apart)

Tetradic Colors

#9639F3, #F39639, #96F339

Rectangle on color wheel (90° apart)

Square Colors

#F339F3, #F39639, #39F339

Four colors equally spaced (90° apart)

Monochromatic Variations

#FAFCFF, #9AC9F9, #0B63BC, #05305C

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#3A97F4

#39F3C5

#6839F3

#F39639

#F3F339

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

Triadic + Accent

#3A97F4

#F33996

#96F339

#C99AF9

#0BBC63

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

Monochromatic + Split Complementary

#3A97F4

#B2D6FB

#0A57A4

#F33939

#F3F339

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

#3A97F4

RGB Values

58, 151, 244

HSL Values

210°, 89%, 59%