color #2A737E | Chroma Seek

#2A737E

Color Information

Hex Code

#2A737E

RGB

42, 115, 126

HSL

188°, 50%, 33%

CSS

#2A737E

Color Tints

Lighter variations of #2A737E

#2A737E

#3F818B

10%

#558F98

20%

#6A9DA5

30%

#7FABB2

40%

#95B9BF

50%

#AAC7CB

60%

#BFD5D8

70%

#D4E3E5

80%

#EAF1F2

90%

#FFFFFF

100%

Color Shades

Darker variations of #2A737E

#2A737E

#266871

10%

#225C65

20%

#1D5158

30%

#19454C

40%

#153A3F

50%

#112E32

60%

#0D2326

70%

#081719

80%

#040C0D

90%

#000000

100%

Related Colors

Complementary Color

#7E352A

Opposite on color wheel

Split-Complementary Colors

#7E2A49, #7E5F2A

Adjacent to complementary color

Analogous Colors

#2A7E5F, #2A497E

Adjacent colors on color wheel (30° apart)

Triadic Colors

#7E2A73, #737E2A

Three colors equally spaced (120° apart)

Tetradic Colors

#352A7E, #7E352A, #737E2A

Rectangle on color wheel (90° apart)

Square Colors

#5F2A7E, #7E352A, #497E2A

Four colors equally spaced (90° apart)

Monochromatic Variations

#98D3DD, #4BB3C3, #112D32, #000000

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#2A737E

#2A7E4A

#2A347E

#7E352A

#7E5F2A

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

Triadic + Accent

#2A737E

#7E2A73

#737E2A

#5B4BC3

#1A4D20

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

Monochromatic + Split Complementary

#2A737E

#5EBBC9

#133439

#7E2A49

#7E5F2A

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

#2A737E

RGB Values

42, 115, 126

HSL Values

188°, 50%, 33%