color #22B6CD | Chroma Seek

#22B6CD

Color Information

Hex Code

#22B6CD

RGB

34, 182, 205

HSL

188°, 72%, 47%

CSS

#22B6CD

Color Tints

Lighter variations of #22B6CD

#22B6CD

#38BDD2

10%

#4EC5D7

20%

#64CCDC

30%

#7AD3E1

40%

#91DBE6

50%

#A7E2EB

60%

#BDE9F0

70%

#D3F0F5

80%

#E9F8FA

90%

#FFFFFF

100%

Color Shades

Darker variations of #22B6CD

#22B6CD

#1FA4B9

10%

#1B92A4

20%

#187F90

30%

#146D7B

40%

#115B67

50%

#0E4952

60%

#0A373E

70%

#072429

80%

#031215

90%

#000000

100%

Related Colors

Complementary Color

#CE3922

Opposite on color wheel

Split-Complementary Colors

#CE2261, #CE8F22

Adjacent to complementary color

Analogous Colors

#22CE8F, #2261CE

Adjacent colors on color wheel (30° apart)

Triadic Colors

#CE22B7, #B7CE22

Three colors equally spaced (120° apart)

Tetradic Colors

#3922CE, #CE3922, #B7CE22

Rectangle on color wheel (90° apart)

Square Colors

#8F22CE, #CE3922, #61CE22

Four colors equally spaced (90° apart)

Monochromatic Variations

#C6EFF6, #6ED7E7, #136976, #051B1F

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#22B6CD

#22CE64

#2236CE

#CE3922

#CE8F22

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

Triadic + Accent

#22B6CD

#CE22B7

#B7CE22

#7E6EE7

#137620

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

Monochromatic + Split Complementary

#22B6CD

#84DDEB

#105660

#CE2261

#CE8F22

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

#22B6CD

RGB Values

34, 182, 205

HSL Values

188°, 72%, 47%