color #2A6A96 | Chroma Seek

#2A6A96

Color Information

Hex Code

#2A6A96

RGB

42, 106, 150

HSL

204°, 56%, 38%

CSS

#2A6A96

Color Tints

Lighter variations of #2A6A96

#2A6A96

#3F79A1

10%

#5588AB

20%

#6A97B6

30%

#7FA6C0

40%

#95B5CB

50%

#AAC3D5

60%

#BFD2E0

70%

#D4E1EA

80%

#EAF0F5

90%

#FFFFFF

100%

Color Shades

Darker variations of #2A6A96

#2A6A96

#265F87

10%

#225578

20%

#1D4A69

30%

#19405A

40%

#15354B

50%

#112A3C

60%

#0D202D

70%

#08151E

80%

#040B0F

90%

#000000

100%

Related Colors

Complementary Color

#97562B

Opposite on color wheel

Split-Complementary Colors

#972B35, #978C2B

Adjacent to complementary color

Analogous Colors

#2B978C, #2B3597

Adjacent colors on color wheel (30° apart)

Triadic Colors

#972B6C, #6C972B

Three colors equally spaced (120° apart)

Tetradic Colors

#562B97, #97562B, #6C972B

Rectangle on color wheel (90° apart)

Square Colors

#8C2B97, #97562B, #35972B

Four colors equally spaced (90° apart)

Monochromatic Variations

#A7CDE6, #58A0D0, #143348, #000000

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#2A6A96

#2B9771

#3B2B97

#97562B

#978C2B

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

Triadic + Accent

#2A6A96

#972B6C

#6C972B

#8858D0

#16502D

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

Monochromatic + Split Complementary

#2A6A96

#6CABD5

#112B3C

#972B35

#978C2B

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

#2A6A96

RGB Values

42, 106, 150

HSL Values

204°, 56%, 38%