color #3A7C94 | Chroma Seek

#3A7C94

Color Information

Hex Code

#3A7C94

RGB

58, 124, 148

HSL

196°, 44%, 40%

CSS

#3A7C94

Color Tints

Lighter variations of #3A7C94

#3A7C94

#4E899F

10%

#6196A9

20%

#75A3B4

30%

#89B0BF

40%

#9DBECA

50%

#B0CBD4

60%

#C4D8DF

70%

#D8E5EA

80%

#EBF2F4

90%

#FFFFFF

100%

Color Shades

Darker variations of #3A7C94

#3A7C94

#347085

10%

#2E6376

20%

#295768

30%

#234A59

40%

#1D3E4A

50%

#17323B

60%

#11252C

70%

#0C191E

80%

#060C0F

90%

#000000

100%

Related Colors

Complementary Color

#935139

Opposite on color wheel

Split-Complementary Colors

#93394E, #937E39

Adjacent to complementary color

Analogous Colors

#39937E, #394E93

Adjacent colors on color wheel (30° apart)

Triadic Colors

#93397B, #7B9339

Three colors equally spaced (120° apart)

Tetradic Colors

#513993, #935139, #7B9339

Rectangle on color wheel (90° apart)

Square Colors

#7E3993, #935139, #4E9339

Four colors equally spaced (90° apart)

Monochromatic Variations

#B6D6E2, #6CAEC6, #1D3D49, #000000

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#3A7C94

#399367

#3B3993

#935139

#937E39

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

Triadic + Accent

#3A7C94

#93397B

#7B9339

#846CC6

#1D4929

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

Monochromatic + Split Complementary

#3A7C94

#7EB8CD

#152E37

#93394E

#937E39

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

#3A7C94

RGB Values

58, 124, 148

HSL Values

196°, 44%, 40%