color #2A7ED2 | Chroma Seek

#2A7ED2

Color Information

Hex Code

#2A7ED2

RGB

42, 126, 210

HSL

210°, 67%, 49%

CSS

#2A7ED2

Color Tints

Lighter variations of #2A7ED2

#2A7ED2

#3F8BD7

10%

#5598DB

20%

#6AA5E0

30%

#7FB2E4

40%

#95BFE9

50%

#AACBED

60%

#BFD8F2

70%

#D4E5F6

80%

#EAF2FB

90%

#FFFFFF

100%

Color Shades

Darker variations of #2A7ED2

#2A7ED2

#2671BD

10%

#2265A8

20%

#1D5893

30%

#194C7E

40%

#153F69

50%

#113254

60%

#0D263F

70%

#08192A

80%

#040D15

90%

#000000

100%

Related Colors

Complementary Color

#D17D29

Opposite on color wheel

Split-Complementary Colors

#D12929, #D1D129

Adjacent to complementary color

Analogous Colors

#29D1D1, #2929D1

Adjacent colors on color wheel (30° apart)

Triadic Colors

#D1297D, #7DD129

Three colors equally spaced (120° apart)

Tetradic Colors

#7D29D1, #D17D29, #7DD129

Rectangle on color wheel (90° apart)

Square Colors

#D129D1, #D17D29, #29D129

Four colors equally spaced (90° apart)

Monochromatic Variations

#D0E3F6, #7BB0E5, #184A7B, #081726

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#2A7ED2

#29D1A7

#5329D1

#D17D29

#D1D129

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

Triadic + Accent

#2A7ED2

#D1297D

#7DD129

#B07BE5

#187B4A

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

Monochromatic + Split Complementary

#2A7ED2

#90BDE9

#143D66

#D12929

#D1D129

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

#2A7ED2

RGB Values

42, 126, 210

HSL Values

210°, 67%, 49%