color #22A5FC | Chroma Seek

#22A5FC

Color Information

Hex Code

#22A5FC

RGB

34, 165, 252

HSL

204°, 97%, 56%

CSS

#22A5FC

Color Tints

Lighter variations of #22A5FC

#22A5FC

#38AEFC

10%

#4EB7FD

20%

#64C0FD

30%

#7AC9FD

40%

#91D2FE

50%

#A7DBFE

60%

#BDE4FE

70%

#D3EDFE

80%

#E9F6FF

90%

#FFFFFF

100%

Color Shades

Darker variations of #22A5FC

#22A5FC

#1F95E3

10%

#1B84CA

20%

#1873B0

30%

#146397

40%

#11537E

50%

#0E4265

60%

#0A324C

70%

#072132

80%

#031119

90%

#000000

100%

Related Colors

Complementary Color

#FC7922

Opposite on color wheel

Split-Complementary Colors

#FC2238, #FCE622

Adjacent to complementary color

Analogous Colors

#22FCE6, #2238FC

Adjacent colors on color wheel (30° apart)

Triadic Colors

#FC22A5, #A5FC22

Three colors equally spaced (120° apart)

Tetradic Colors

#7922FC, #FC7922, #A5FC22

Rectangle on color wheel (90° apart)

Square Colors

#E622FC, #FC7922, #38FC22

Four colors equally spaced (90° apart)

Monochromatic Variations

#EBF7FF, #86CEFD, #036EB5, #013150

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#22A5FC

#22FCAF

#4322FC

#FC7922

#FCE622

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

Triadic + Accent

#22A5FC

#FC22A5

#A5FC22

#B686FD

#03B54A

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

Monochromatic + Split Complementary

#22A5FC

#A0D8FE

#025E9C

#FC2238

#FCE622

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

#22A5FC

RGB Values

34, 165, 252

HSL Values

204°, 97%, 56%