color #22B0F1 | Chroma Seek

#22B0F1

Color Information

Hex Code

#22B0F1

RGB

34, 176, 241

HSL

199°, 88%, 54%

CSS

#22B0F1

Color Tints

Lighter variations of #22B0F1

#22B0F1

#38B8F2

10%

#4EC0F4

20%

#64C8F5

30%

#7AD0F7

40%

#91D8F8

50%

#A7DFF9

60%

#BDE7FB

70%

#D3EFFC

80%

#E9F7FE

90%

#FFFFFF

100%

Color Shades

Darker variations of #22B0F1

#22B0F1

#1F9ED9

10%

#1B8DC1

20%

#187BA9

30%

#146A91

40%

#115879

50%

#0E4660

60%

#0A3548

70%

#072330

80%

#031218

90%

#000000

100%

Related Colors

Complementary Color

#F16422

Opposite on color wheel

Split-Complementary Colors

#F12248, #F1CB22

Adjacent to complementary color

Analogous Colors

#22F1CB, #2248F1

Adjacent colors on color wheel (30° apart)

Triadic Colors

#F122B0, #B0F122

Three colors equally spaced (120° apart)

Tetradic Colors

#6422F1, #F16422, #B0F122

Rectangle on color wheel (90° apart)

Square Colors

#CB22F1, #F16422, #48F122

Four colors equally spaced (90° apart)

Monochromatic Variations

#E2F5FD, #82D2F7, #0A73A3, #042F43

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#22B0F1

#22F197

#3022F1

#F16422

#F1CB22

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

Triadic + Accent

#22B0F1

#F122B0

#B0F122

#A782F7

#0AA33B

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

Monochromatic + Split Complementary

#22B0F1

#9ADBF9

#09628B

#F12248

#F1CB22

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

#22B0F1

RGB Values

34, 176, 241

HSL Values

199°, 88%, 54%