color #22A0CE | Chroma Seek

#22A0CE

Color Information

Hex Code

#22A0CE

RGB

34, 160, 206

HSL

196°, 72%, 47%

CSS

#22A0CE

Color Tints

Lighter variations of #22A0CE

#22A0CE

#38AAD3

10%

#4EB3D8

20%

#64BDDD

30%

#7AC6E2

40%

#91D0E7

50%

#A7D9EB

60%

#BDE3F0

70%

#D3ECF5

80%

#E9F6FA

90%

#FFFFFF

100%

Color Shades

Darker variations of #22A0CE

#22A0CE

#1F90B9

10%

#1B80A5

20%

#187090

30%

#14607C

40%

#115067

50%

#0E4052

60%

#0A303E

70%

#072029

80%

#031015

90%

#000000

100%

Related Colors

Complementary Color

#CE5022

Opposite on color wheel

Split-Complementary Colors

#CE224A, #CEA622

Adjacent to complementary color

Analogous Colors

#22CEA6, #224ACE

Adjacent colors on color wheel (30° apart)

Triadic Colors

#CE22A0, #A0CE22

Three colors equally spaced (120° apart)

Tetradic Colors

#5022CE, #CE5022, #A0CE22

Rectangle on color wheel (90° apart)

Square Colors

#A622CE, #CE5022, #4ACE22

Four colors equally spaced (90° apart)

Monochromatic Variations

#C6E9F6, #6EC7E7, #135C76, #05181F

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#22A0CE

#22CE7B

#2422CE

#CE5022

#CEA622

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

Triadic + Accent

#22A0CE

#CE22A0

#A0CE22

#8F6EE7

#13762E

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

Monochromatic + Split Complementary

#22A0CE

#84D0EB

#104B60

#CE224A

#CEA622

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

#22A0CE

RGB Values

34, 160, 206

HSL Values

196°, 72%, 47%