color #22B6EC | Chroma Seek

#22B6EC

Color Information

Hex Code

#22B6EC

RGB

34, 182, 236

HSL

196°, 84%, 53%

CSS

#22B6EC

Color Tints

Lighter variations of #22B6EC

#22B6EC

#38BDEE

10%

#4EC5F0

20%

#64CCF2

30%

#7AD3F4

40%

#91DBF6

50%

#A7E2F7

60%

#BDE9F9

70%

#D3F0FB

80%

#E9F8FD

90%

#FFFFFF

100%

Color Shades

Darker variations of #22B6EC

#22B6EC

#1FA4D4

10%

#1B92BD

20%

#187FA5

30%

#146D8E

40%

#115B76

50%

#0E495E

60%

#0A3747

70%

#07242F

80%

#031218

90%

#000000

100%

Related Colors

Complementary Color

#EC5822

Opposite on color wheel

Split-Complementary Colors

#EC2251, #ECBD22

Adjacent to complementary color

Analogous Colors

#22ECBD, #2251EC

Adjacent colors on color wheel (30° apart)

Triadic Colors

#EC22B6, #B6EC22

Three colors equally spaced (120° apart)

Tetradic Colors

#5822EC, #EC5822, #B6EC22

Rectangle on color wheel (90° apart)

Square Colors

#BD22EC, #EC5822, #51EC22

Four colors equally spaced (90° apart)

Monochromatic Variations

#DEF4FC, #80D5F4, #0D759B, #052E3D

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#22B6EC

#22EC8B

#2622EC

#EC5822

#ECBD22

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

Triadic + Accent

#22B6EC

#EC22B6

#B6EC22

#9F80F4

#0D9B33

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

Monochromatic + Split Complementary

#22B6EC

#98DDF6

#0B6383

#EC2251

#ECBD22

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

#22B6EC

RGB Values

34, 182, 236

HSL Values

196°, 84%, 53%