color #2276E2 | Chroma Seek

#2276E2

Color Information

Hex Code

#2276E2

RGB

34, 118, 226

HSL

214°, 77%, 51%

CSS

#2276E2

Color Tints

Lighter variations of #2276E2

#2276E2

#3884E5

10%

#4E91E8

20%

#649FEB

30%

#7AADEE

40%

#91BBF1

50%

#A7C8F3

60%

#BDD6F6

70%

#D3E4F9

80%

#E9F1FC

90%

#FFFFFF

100%

Color Shades

Darker variations of #2276E2

#2276E2

#1F6ACB

10%

#1B5EB5

20%

#18539E

30%

#144788

40%

#113B71

50%

#0E2F5A

60%

#0A2344

70%

#07182D

80%

#030C17

90%

#000000

100%

Related Colors

Complementary Color

#E28F22

Opposite on color wheel

Split-Complementary Colors

#E22F22, #D5E222

Adjacent to complementary color

Analogous Colors

#22D5E2, #2F22E2

Adjacent colors on color wheel (30° apart)

Triadic Colors

#E22275, #75E222

Three colors equally spaced (120° apart)

Tetradic Colors

#8F22E2, #E28F22, #75E222

Rectangle on color wheel (90° apart)

Square Colors

#E222D5, #E28F22, #22E22F

Four colors equally spaced (90° apart)

Monochromatic Variations

#D6E6FA, #7CADEE, #12478C, #061932

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring #2276E2. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#2276E2

#22E2BF

#5F22E2

#E28F22

#D5E222

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

Triadic + Accent

#2276E2

#E22275

#75E222

#BD7CEE

#128C57

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

Monochromatic + Split Complementary

#2276E2

#93BCF1

#0F3B75

#E22F22

#D5E222

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

#2276E2

RGB Values

34, 118, 226

HSL Values

214°, 77%, 51%