color #22BEF2 | Chroma Seek

#22BEF2

Color Information

Hex Code

#22BEF2

RGB

34, 190, 242

HSL

195°, 89%, 54%

CSS

#22BEF2

Color Tints

Lighter variations of #22BEF2

#22BEF2

#38C5F3

10%

#4ECBF5

20%

#64D2F6

30%

#7AD8F7

40%

#91DFF9

50%

#A7E5FA

60%

#BDECFB

70%

#D3F2FC

80%

#E9F9FE

90%

#FFFFFF

100%

Color Shades

Darker variations of #22BEF2

#22BEF2

#1FABDA

10%

#1B98C2

20%

#1885A9

30%

#147291

40%

#115F79

50%

#0E4C61

60%

#0A3949

70%

#072630

80%

#031318

90%

#000000

100%

Related Colors

Complementary Color

#F25621

Opposite on color wheel

Split-Complementary Colors

#F22156, #F2BE21

Adjacent to complementary color

Analogous Colors

#21F2BE, #2156F2

Adjacent colors on color wheel (30° apart)

Triadic Colors

#F221BE, #BEF221

Three colors equally spaced (120° apart)

Tetradic Colors

#5621F2, #F25621, #BEF221

Rectangle on color wheel (90° apart)

Square Colors

#BE21F2, #F25621, #56F221

Four colors equally spaced (90° apart)

Monochromatic Variations

#E2F7FD, #82DAF8, #0A7DA4, #043443

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#22BEF2

#21F28A

#2121F2

#F25621

#F2BE21

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

Triadic + Accent

#22BEF2

#F221BE

#BEF221

#9F82F8

#0AA430

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

Monochromatic + Split Complementary

#22BEF2

#9AE1F9

#086B8C

#F22156

#F2BE21

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

#22BEF2

RGB Values

34, 190, 242

HSL Values

195°, 89%, 54%