color #3A8AF4 | Chroma Seek

#3A8AF4

Color Information

Hex Code

#3A8AF4

RGB

58, 138, 244

HSL

214°, 89%, 59%

CSS

#3A8AF4

Color Tints

Lighter variations of #3A8AF4

#3A8AF4

#4E96F5

10%

#61A1F6

20%

#75ADF7

30%

#89B9F8

40%

#9DC5FA

50%

#B0D0FB

60%

#C4DCFC

70%

#D8E8FD

80%

#EBF3FE

90%

#FFFFFF

100%

Color Shades

Darker variations of #3A8AF4

#3A8AF4

#347CDC

10%

#2E6EC3

20%

#2961AB

30%

#235392

40%

#1D457A

50%

#173762

60%

#112949

70%

#0C1C31

80%

#060E18

90%

#000000

100%

Related Colors

Complementary Color

#F3A339

Opposite on color wheel

Split-Complementary Colors

#F34639, #E7F339

Adjacent to complementary color

Analogous Colors

#39E7F3, #4639F3

Adjacent colors on color wheel (30° apart)

Triadic Colors

#F3398A, #8AF339

Three colors equally spaced (120° apart)

Tetradic Colors

#A339F3, #F3A339, #8AF339

Rectangle on color wheel (90° apart)

Square Colors

#F339E7, #F3A339, #39F346

Four colors equally spaced (90° apart)

Monochromatic Variations

#FAFCFF, #9AC3F9, #0B58BC, #052B5C

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#3A8AF4

#39F3D1

#7439F3

#F3A339

#E7F339

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

Triadic + Accent

#3A8AF4

#F3398A

#8AF339

#D09AF9

#0BBC6F

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

Monochromatic + Split Complementary

#3A8AF4

#B2D1FB

#0A4CA4

#F34639

#E7F339

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

#3A8AF4

RGB Values

58, 138, 244

HSL Values

214°, 89%, 59%