color #2A6AAE | Chroma Seek

#2A6AAE

Color Information

Hex Code

#2A6AAE

RGB

42, 106, 174

HSL

211°, 61%, 42%

CSS

#2A6AAE

Color Tints

Lighter variations of #2A6AAE

#2A6AAE

#3F79B6

10%

#5588BE

20%

#6A97C6

30%

#7FA6CE

40%

#95B5D7

50%

#AAC3DF

60%

#BFD2E7

70%

#D4E1EF

80%

#EAF0F7

90%

#FFFFFF

100%

Color Shades

Darker variations of #2A6AAE

#2A6AAE

#265F9D

10%

#22558B

20%

#1D4A7A

30%

#194068

40%

#153557

50%

#112A46

60%

#0D2034

70%

#081523

80%

#040B11

90%

#000000

100%

Related Colors

Complementary Color

#AC6D2A

Opposite on color wheel

Split-Complementary Colors

#AC2C2A, #AAAC2A

Adjacent to complementary color

Analogous Colors

#2AAAAC, #2C2AAC

Adjacent colors on color wheel (30° apart)

Triadic Colors

#AC2A69, #69AC2A

Three colors equally spaced (120° apart)

Tetradic Colors

#6D2AAC, #AC6D2A, #69AC2A

Rectangle on color wheel (90° apart)

Square Colors

#AC2AAA, #AC6D2A, #2AAC2C

Four colors equally spaced (90° apart)

Monochromatic Variations

#B5D0ED, #639CD9, #16375A, #020508

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#2A6AAE

#2AAC8E

#4D2AAC

#AC6D2A

#AAAC2A

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

Triadic + Accent

#2A6AAE

#AC2A69

#69AC2A

#A063D9

#165A39

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

Monochromatic + Split Complementary

#2A6AAE

#78A9DE

#112A46

#AC2C2A

#AAAC2A

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

#2A6AAE

RGB Values

42, 106, 174

HSL Values

211°, 61%, 42%