Cyan

#00CCCC

Color Information

Hex Code

#00CCCC

RGB

0, 204, 204

HSL

180°, 100%, 40%

CSS

#00CCCC

Name

Cyan

Color Tints

Lighter variations of Cyan

#00CCCC

#1AD1D1

10%

#33D6D6

20%

#4DDBDB

30%

#66E0E0

40%

#80E6E6

50%

#99EBEB

60%

#B3F0F0

70%

#CCF5F5

80%

#E6FAFA

90%

#FFFFFF

100%

Color Shades

Darker variations of Cyan

#00CCCC

#00B8B8

10%

#00A3A3

20%

#008F8F

30%

#007A7A

40%

#006666

50%

#005252

60%

#003D3D

70%

#002929

80%

#001414

90%

#000000

100%

Related Colors

Complementary Color

#CC0000

Opposite on color wheel

Split-Complementary Colors

#CC0066, #CC6600

Adjacent to complementary color

Analogous Colors

#00CC66, #0066CC

Adjacent colors on color wheel (30° apart)

Triadic Colors

#CC00CC, #CCCC00

Three colors equally spaced (120° apart)

Tetradic Colors

#0000CC, #CC0000, #CCCC00

Rectangle on color wheel (90° apart)

Square Colors

#6600CC, #CC0000, #66CC00

Four colors equally spaced (90° apart)

Monochromatic Variations

#99FFFF, #33FFFF, #006666, #000000

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#00CCCC

#00CC33

#0033CC

#CC0000

#CC6600

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

Triadic + Accent

#00CCCC

#CC00CC

#CCCC00

#3333FF

#006600

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

Monochromatic + Split Complementary

#00CCCC

#4DFFFF

#004D4D

#CC0066

#CC6600

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

#00CCCC

RGB Values

0, 204, 204

HSL Values

180°, 100%, 40%