color #2A99B2 | Chroma Seek

#2A99B2

Color Information

Hex Code

#2A99B2

RGB

42, 153, 178

HSL

191°, 62%, 43%

CSS

#2A99B2

Color Tints

Lighter variations of #2A99B2

#2A99B2

#3FA3BA

10%

#55ADC1

20%

#6AB8C9

30%

#7FC2D1

40%

#95CCD9

50%

#AAD6E0

60%

#BFE0E8

70%

#D4EBF0

80%

#EAF5F7

90%

#FFFFFF

100%

Color Shades

Darker variations of #2A99B2

#2A99B2

#268AA0

10%

#227A8E

20%

#1D6B7D

30%

#195C6B

40%

#154D59

50%

#113D47

60%

#0D2E35

70%

#081F24

80%

#040F12

90%

#000000

100%

Related Colors

Complementary Color

#B2432A

Opposite on color wheel

Split-Complementary Colors

#B22A55, #B2872A

Adjacent to complementary color

Analogous Colors

#2AB287, #2A55B2

Adjacent colors on color wheel (30° apart)

Triadic Colors

#B22A99, #99B22A

Three colors equally spaced (120° apart)

Tetradic Colors

#432AB2, #B2432A, #99B22A

Rectangle on color wheel (90° apart)

Square Colors

#872AB2, #B2432A, #55B22A

Four colors equally spaced (90° apart)

Monochromatic Variations

#B9E5EF, #66C6DB, #16525F, #030B0C

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#2A99B2

#2AB265

#2A33B2

#B2432A

#B2872A

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

Triadic + Accent

#2A99B2

#B22A99

#99B22A

#7C66DB

#165F24

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

Monochromatic + Split Complementary

#2A99B2

#7BCDE0

#11404A

#B22A55

#B2872A

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

#2A99B2

RGB Values

42, 153, 178

HSL Values

191°, 62%, 43%