color #2C7AF6 | Chroma Seek

#2C7AF6

Color Information

Hex Code

#2C7AF6

RGB

44, 122, 246

HSL

217°, 92%, 57%

CSS

#2C7AF6

Color Tints

Lighter variations of #2C7AF6

#2C7AF6

#4187F7

10%

#5695F8

20%

#6BA2F9

30%

#80AFFA

40%

#96BDFB

50%

#ABCAFB

60%

#C0D7FC

70%

#D5E4FD

80%

#EAF2FE

90%

#FFFFFF

100%

Color Shades

Darker variations of #2C7AF6

#2C7AF6

#286EDD

10%

#2362C5

20%

#1F55AC

30%

#1A4994

40%

#163D7B

50%

#123162

60%

#0D254A

70%

#091831

80%

#040C19

90%

#000000

100%

Related Colors

Complementary Color

#F6A92C

Opposite on color wheel

Split-Complementary Colors

#F6442C, #DFF62C

Adjacent to complementary color

Analogous Colors

#2CDFF6, #442CF6

Adjacent colors on color wheel (30° apart)

Triadic Colors

#F62C7A, #7AF62C

Three colors equally spaced (120° apart)

Tetradic Colors

#A92CF6, #F6A92C, #7AF62C

Rectangle on color wheel (90° apart)

Square Colors

#F62CDF, #F6A92C, #2CF644

Four colors equally spaced (90° apart)

Monochromatic Variations

#F0F6FE, #8EB8FA, #084AB5, #032253

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#2C7AF6

#2CF6DB

#762CF6

#F6A92C

#DFF62C

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

Triadic + Accent

#2C7AF6

#F62C7A

#7AF62C

#D18EFA

#08B573

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

Monochromatic + Split Complementary

#2C7AF6

#A7C7FB

#07409D

#F6442C

#DFF62C

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

#2C7AF6

RGB Values

44, 122, 246

HSL Values

217°, 92%, 57%