color #3B98A8 | Chroma Seek

#3B98A8

Color Information

Hex Code

#3B98A8

RGB

59, 152, 168

HSL

189°, 48%, 45%

CSS

#3B98A8

Color Tints

Lighter variations of #3B98A8

#3B98A8

#4FA2B1

10%

#62ADB9

20%

#76B7C2

30%

#89C1CB

40%

#9DCCD4

50%

#B1D6DC

60%

#C4E0E5

70%

#D8EAEE

80%

#EBF5F6

90%

#FFFFFF

100%

Color Shades

Darker variations of #3B98A8

#3B98A8

#358997

10%

#2F7A86

20%

#296A76

30%

#235B65

40%

#1E4C54

50%

#183D43

60%

#122E32

70%

#0C1E22

80%

#060F11

90%

#000000

100%

Related Colors

Complementary Color

#AA4C3C

Opposite on color wheel

Split-Complementary Colors

#AA3C62, #AA833C

Adjacent to complementary color

Analogous Colors

#3CAA83, #3C62AA

Adjacent colors on color wheel (30° apart)

Triadic Colors

#AA3C99, #99AA3C

Three colors equally spaced (120° apart)

Tetradic Colors

#4C3CAA, #AA4C3C, #99AA3C

Rectangle on color wheel (90° apart)

Square Colors

#833CAA, #AA4C3C, #62AA3C

Four colors equally spaced (90° apart)

Monochromatic Variations

#C6E6EB, #7BC4D1, #21555E, #071113

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#3B98A8

#3CAA68

#3C47AA

#AA4C3C

#AA833C

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

Triadic + Accent

#3B98A8

#AA3C99

#99AA3C

#887BD1

#215E2A

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

Monochromatic + Split Complementary

#3B98A8

#8ECCD7

#1B444B

#AA3C62

#AA833C

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

#3B98A8

RGB Values

59, 152, 168

HSL Values

189°, 48%, 45%