color #3A7EFD | Chroma Seek

#3A7EFD

Color Information

Hex Code

#3A7EFD

RGB

58, 126, 253

HSL

219°, 98%, 61%

CSS

#3A7EFD

Color Tints

Lighter variations of #3A7EFD

#3A7EFD

#4E8BFD

10%

#6198FD

20%

#75A5FE

30%

#89B2FE

40%

#9DBFFE

50%

#B0CBFE

60%

#C4D8FE

70%

#D8E5FF

80%

#EBF2FF

90%

#FFFFFF

100%

Color Shades

Darker variations of #3A7EFD

#3A7EFD

#3471E4

10%

#2E65CA

20%

#2958B1

30%

#234C98

40%

#1D3F7F

50%

#173265

60%

#11264C

70%

#0C1933

80%

#060D19

90%

#000000

100%

Related Colors

Complementary Color

#FDB93A

Opposite on color wheel

Split-Complementary Colors

#FD573A, #E0FD3A

Adjacent to complementary color

Analogous Colors

#3AE0FD, #573AFD

Adjacent colors on color wheel (30° apart)

Triadic Colors

#FD3A7E, #7EFD3A

Three colors equally spaced (120° apart)

Tetradic Colors

#B93AFD, #FDB93A, #7EFD3A

Rectangle on color wheel (90° apart)

Square Colors

#FD3AE0, #FDB93A, #3AFD57

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #9FC0FE, #024ACF, #01266A

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#3A7EFD

#3AFDEA

#883AFD

#FDB93A

#E0FD3A

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

Triadic + Accent

#3A7EFD

#FD3A7E

#7EFD3A

#DB9AFE

#02CF87

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

Monochromatic + Split Complementary

#3A7EFD

#B3CEFE

#0241B6

#FD573A

#E0FD3A

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

#3A7EFD

RGB Values

58, 126, 253

HSL Values

219°, 98%, 61%