color #2C9CCC | Chroma Seek

#2C9CCC

Color Information

Hex Code

#2C9CCC

RGB

44, 156, 204

HSL

198°, 65%, 49%

CSS

#2C9CCC

Color Tints

Lighter variations of #2C9CCC

#2C9CCC

#41A6D1

10%

#56B0D6

20%

#6BBADB

30%

#80C4E0

40%

#96CEE6

50%

#ABD7EB

60%

#C0E1F0

70%

#D5EBF5

80%

#EAF5FA

90%

#FFFFFF

100%

Color Shades

Darker variations of #2C9CCC

#2C9CCC

#288CB8

10%

#237DA3

20%

#1F6D8F

30%

#1A5E7A

40%

#164E66

50%

#123E52

60%

#0D2F3D

70%

#091F29

80%

#041014

90%

#000000

100%

Related Colors

Complementary Color

#CE5C2C

Opposite on color wheel

Split-Complementary Colors

#CE2C4C, #CEAE2C

Adjacent to complementary color

Analogous Colors

#2CCEAE, #2C4CCE

Adjacent colors on color wheel (30° apart)

Triadic Colors

#CE2C9D, #9DCE2C

Three colors equally spaced (120° apart)

Tetradic Colors

#5C2CCE, #CE5C2C, #9DCE2C

Rectangle on color wheel (90° apart)

Square Colors

#AE2CCE, #CE5C2C, #4CCE2C

Four colors equally spaced (90° apart)

Monochromatic Variations

#D1EAF5, #7DC5E3, #1A5D7A, #081D26

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#2C9CCC

#2CCE85

#342CCE

#CE5C2C

#CEAE2C

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

Triadic + Accent

#2C9CCC

#CE2C9D

#9DCE2C

#9B7DE3

#1A7A37

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

Monochromatic + Split Complementary

#2C9CCC

#92CEE8

#154D65

#CE2C4C

#CEAE2C

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

#2C9CCC

RGB Values

44, 156, 204

HSL Values

198°, 65%, 49%