color #22D8CC | Chroma Seek

#22D8CC

Color Information

Hex Code

#22D8CC

RGB

34, 216, 204

HSL

176°, 73%, 49%

CSS

#22D8CC

Color Tints

Lighter variations of #22D8CC

#22D8CC

#38DCD1

10%

#4EE0D6

20%

#64E4DB

30%

#7AE8E0

40%

#91ECE6

50%

#A7EFEB

60%

#BDF3F0

70%

#D3F7F5

80%

#E9FBFA

90%

#FFFFFF

100%

Color Shades

Darker variations of #22D8CC

#22D8CC

#1FC2B8

10%

#1BADA3

20%

#18978F

30%

#14827A

40%

#116C66

50%

#0E5652

60%

#0A413D

70%

#072B29

80%

#031614

90%

#000000

100%

Related Colors

Complementary Color

#D8222E

Opposite on color wheel

Split-Complementary Colors

#D82289, #D87122

Adjacent to complementary color

Analogous Colors

#22D871, #2289D8

Adjacent colors on color wheel (30° apart)

Triadic Colors

#CC22D8, #D8CC22

Three colors equally spaced (120° apart)

Tetradic Colors

#222ED8, #D8222E, #D8CC22

Rectangle on color wheel (90° apart)

Square Colors

#7122D8, #D8222E, #89D822

Four colors equally spaced (90° apart)

Monochromatic Variations

#CEF7F5, #76EAE2, #148079, #062825

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#22D8CC

#22D843

#225CD8

#D8222E

#D87122

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

Triadic + Accent

#22D8CC

#CC22D8

#D8CC22

#767EEA

#1B8014

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

Monochromatic + Split Complementary

#22D8CC

#8CEDE7

#116A64

#D82289

#D87122

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

#22D8CC

RGB Values

34, 216, 204

HSL Values

176°, 73%, 49%