color #3A7FE0 | Chroma Seek

#3A7FE0

Color Information

Hex Code

#3A7FE0

RGB

58, 127, 224

HSL

215°, 73%, 55%

CSS

#3A7FE0

Color Tints

Lighter variations of #3A7FE0

#3A7FE0

#4E8CE3

10%

#6199E6

20%

#75A5E9

30%

#89B2EC

40%

#9DBFF0

50%

#B0CCF3

60%

#C4D9F6

70%

#D8E5F9

80%

#EBF2FC

90%

#FFFFFF

100%

Color Shades

Darker variations of #3A7FE0

#3A7FE0

#3472CA

10%

#2E66B3

20%

#29599D

30%

#234C86

40%

#1D4070

50%

#17335A

60%

#112643

70%

#0C192D

80%

#060D16

90%

#000000

100%

Related Colors

Complementary Color

#E09A38

Opposite on color wheel

Split-Complementary Colors

#E04638, #D2E038

Adjacent to complementary color

Analogous Colors

#38D2E0, #4638E0

Adjacent colors on color wheel (30° apart)

Triadic Colors

#E0387E, #7EE038

Three colors equally spaced (120° apart)

Tetradic Colors

#9A38E0, #E09A38, #7EE038

Rectangle on color wheel (90° apart)

Square Colors

#E038D2, #E09A38, #38E046

Four colors equally spaced (90° apart)

Monochromatic Variations

#E9F1FC, #91B7EE, #184E9A, #0A2242

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#3A7FE0

#38E0C4

#7038E0

#E09A38

#D2E038

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

Triadic + Accent

#3A7FE0

#E0387E

#7EE038

#C791EE

#189A64

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

Monochromatic + Split Complementary

#3A7FE0

#A7C6F1

#154384

#E04638

#D2E038

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

#3A7FE0

RGB Values

58, 127, 224

HSL Values

215°, 73%, 55%