color #22AE8F | Chroma Seek

#22AE8F

Color Information

Hex Code

#22AE8F

RGB

34, 174, 143

HSL

167°, 67%, 41%

CSS

#22AE8F

Color Tints

Lighter variations of #22AE8F

#22AE8F

#38B69A

10%

#4EBEA5

20%

#64C6B1

30%

#7ACEBC

40%

#91D7C7

50%

#A7DFD2

60%

#BDE7DD

70%

#D3EFE9

80%

#E9F7F4

90%

#FFFFFF

100%

Color Shades

Darker variations of #22AE8F

#22AE8F

#1F9D81

10%

#1B8B72

20%

#187A64

30%

#146856

40%

#115748

50%

#0E4639

60%

#0A342B

70%

#07231D

80%

#03110E

90%

#000000

100%

Related Colors

Complementary Color

#AF2341

Opposite on color wheel

Split-Complementary Colors

#AF2387, #AF4A23

Adjacent to complementary color

Analogous Colors

#23AF4A, #2387AF

Adjacent colors on color wheel (30° apart)

Triadic Colors

#9023AF, #AF9023

Three colors equally spaced (120° apart)

Tetradic Colors

#2341AF, #AF2341, #AF9023

Rectangle on color wheel (90° apart)

Square Colors

#4A23AF, #AF2341, #87AF23

Four colors equally spaced (90° apart)

Monochromatic Variations

#AEEFE1, #59DEC1, #12594A, #010404

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#22AE8F

#23AF27

#2364AF

#AF2341

#AF4A23

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

Triadic + Accent

#22AE8F

#9023AF

#AF9023

#5976DE

#215912

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

Monochromatic + Split Complementary

#22AE8F

#6EE2C9

#0D4438

#AF2387

#AF4A23

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

#22AE8F

RGB Values

34, 174, 143

HSL Values

167°, 67%, 41%