color #22C0E2 | Chroma Seek

#22C0E2

Color Information

Hex Code

#22C0E2

RGB

34, 192, 226

HSL

191°, 77%, 51%

CSS

#22C0E2

Color Tints

Lighter variations of #22C0E2

#22C0E2

#38C6E5

10%

#4ECDE8

20%

#64D3EB

30%

#7AD9EE

40%

#91E0F1

50%

#A7E6F3

60%

#BDECF6

70%

#D3F2F9

80%

#E9F9FC

90%

#FFFFFF

100%

Color Shades

Darker variations of #22C0E2

#22C0E2

#1FADCB

10%

#1B9AB5

20%

#18869E

30%

#147388

40%

#116071

50%

#0E4D5A

60%

#0A3A44

70%

#07262D

80%

#031317

90%

#000000

100%

Related Colors

Complementary Color

#E24522

Opposite on color wheel

Split-Complementary Colors

#E2225F, #E2A522

Adjacent to complementary color

Analogous Colors

#22E2A5, #225FE2

Adjacent colors on color wheel (30° apart)

Triadic Colors

#E222BF, #BFE222

Three colors equally spaced (120° apart)

Tetradic Colors

#4522E2, #E24522, #BFE222

Rectangle on color wheel (90° apart)

Square Colors

#A522E2, #E24522, #5FE222

Four colors equally spaced (90° apart)

Monochromatic Variations

#D6F3FA, #7CD9EE, #12768C, #062A32

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring #22C0E2. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#22C0E2

#22E275

#222FE2

#E24522

#E2A522

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

Triadic + Accent

#22C0E2

#E222BF

#BFE222

#917CEE

#128C28

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

Monochromatic + Split Complementary

#22C0E2

#93E0F1

#0F6375

#E2225F

#E2A522

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

#22C0E2

RGB Values

34, 192, 226

HSL Values

191°, 77%, 51%