color #2A89B2 | Chroma Seek

#2A89B2

Color Information

Hex Code

#2A89B2

RGB

42, 137, 178

HSL

198°, 62%, 43%

CSS

#2A89B2

Color Tints

Lighter variations of #2A89B2

#2A89B2

#3F95BA

10%

#55A1C1

20%

#6AACC9

30%

#7FB8D1

40%

#95C4D9

50%

#AAD0E0

60%

#BFDCE8

70%

#D4E7F0

80%

#EAF3F7

90%

#FFFFFF

100%

Color Shades

Darker variations of #2A89B2

#2A89B2

#267BA0

10%

#226E8E

20%

#1D607D

30%

#19526B

40%

#154559

50%

#113747

60%

#0D2935

70%

#081B24

80%

#040E12

90%

#000000

100%

Related Colors

Complementary Color

#B2522A

Opposite on color wheel

Split-Complementary Colors

#B22A45, #B2962A

Adjacent to complementary color

Analogous Colors

#2AB296, #2A45B2

Adjacent colors on color wheel (30° apart)

Triadic Colors

#B22A89, #89B22A

Three colors equally spaced (120° apart)

Tetradic Colors

#522AB2, #B2522A, #89B22A

Rectangle on color wheel (90° apart)

Square Colors

#962AB2, #B2522A, #45B22A

Four colors equally spaced (90° apart)

Monochromatic Variations

#B9DEEF, #66B8DB, #16495F, #030A0C

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring #2A89B2. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#2A89B2

#2AB274

#302AB2

#B2522A

#B2962A

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

Triadic + Accent

#2A89B2

#B22A89

#89B22A

#8966DB

#165F2C

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

Monochromatic + Split Complementary

#2A89B2

#7BC2E0

#11394A

#B22A45

#B2962A

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

#2A89B2

RGB Values

42, 137, 178

HSL Values

198°, 62%, 43%