color #3A84A8 | Chroma Seek

#3A84A8

Color Information

Hex Code

#3A84A8

RGB

58, 132, 168

HSL

200°, 49%, 44%

CSS

#3A84A8

Color Tints

Lighter variations of #3A84A8

#3A84A8

#4E90B1

10%

#619DB9

20%

#75A9C2

30%

#89B5CB

40%

#9DC2D4

50%

#B0CEDC

60%

#C4DAE5

70%

#D8E6EE

80%

#EBF3F6

90%

#FFFFFF

100%

Color Shades

Darker variations of #3A84A8

#3A84A8

#347797

10%

#2E6A86

20%

#295C76

30%

#234F65

40%

#1D4254

50%

#173543

60%

#112832

70%

#0C1A22

80%

#060D11

90%

#000000

100%

Related Colors

Complementary Color

#A75E39

Opposite on color wheel

Split-Complementary Colors

#A7394C, #A79539

Adjacent to complementary color

Analogous Colors

#39A795, #394CA7

Adjacent colors on color wheel (30° apart)

Triadic Colors

#A73983, #83A739

Three colors equally spaced (120° apart)

Tetradic Colors

#5E39A7, #A75E39, #83A739

Rectangle on color wheel (90° apart)

Square Colors

#9539A7, #A75E39, #4CA739

Four colors equally spaced (90° apart)

Monochromatic Variations

#C2DDEA, #76B2D0, #1F475B, #050C0F

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#3A84A8

#39A779

#4239A7

#A75E39

#A79539

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

Triadic + Accent

#3A84A8

#A73983

#83A739

#9476D0

#1F5B33

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

Monochromatic + Split Complementary

#3A84A8

#89BDD7

#193848

#A7394C

#A79539

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

#3A84A8

RGB Values

58, 132, 168

HSL Values

200°, 49%, 44%