color #CC22FC | Chroma Seek

#CC22FC

Color Information

Hex Code

#CC22FC

RGB

204, 34, 252

HSL

287°, 97%, 56%

CSS

#CC22FC

Color Tints

Lighter variations of #CC22FC

#CC22FC

#D138FC

10%

#D64EFD

20%

#DB64FD

30%

#E07AFD

40%

#E691FE

50%

#EBA7FE

60%

#F0BDFE

70%

#F5D3FE

80%

#FAE9FF

90%

#FFFFFF

100%

Color Shades

Darker variations of #CC22FC

#CC22FC

#B81FE3

10%

#A31BCA

20%

#8F18B0

30%

#7A1497

40%

#66117E

50%

#520E65

60%

#3D0A4C

70%

#290732

80%

#140319

90%

#000000

100%

Related Colors

Complementary Color

#51FC22

Opposite on color wheel

Split-Complementary Colors

#BEFC22, #22FC60

Adjacent to complementary color

Analogous Colors

#6022FC, #FC22BE

Adjacent colors on color wheel (30° apart)

Triadic Colors

#FCCC22, #22FCCC

Three colors equally spaced (120° apart)

Tetradic Colors

#FC2251, #51FC22, #22FCCC

Rectangle on color wheel (90° apart)

Square Colors

#FC6022, #51FC22, #22BEFC

Four colors equally spaced (90° apart)

Monochromatic Variations

#FAEBFF, #E386FD, #8E03B5, #3F0150

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#CC22FC

#2922FC

#FC2288

#51FC22

#22FC60

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

Triadic + Accent

#CC22FC

#FCCC22

#22FCCC

#FD86A0

#0329B5

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

Monochromatic + Split Complementary

#CC22FC

#E9A0FE

#7B029C

#BEFC22

#22FC60

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

#CC22FC

RGB Values

204, 34, 252

HSL Values

287°, 97%, 56%