Gradient Generator
Colors

Cyan 3

Beautiful cyan color with 13 variations

Cyan Shades#06B6D4cyanshades

Main Color

HEX Code
#06B6D4

Color Shades (13)

#2BC1DA

Cyan 3 Light 1

#51CCE1

Cyan 3 Light 2

#76D7E7

Cyan 3 Light 3

#9BE2EE

Cyan 3 Light 4

#C1EDF4

Cyan 3 Light 5

#059BB4

Cyan 3 Dark 1

#047F94

Cyan 3 Dark 2

#036475

Cyan 3 Dark 3

#024955

Cyan 3 Dark 4

#022E35

Cyan 3 Dark 5

#07C8E9

Cyan 3 Vibrant 1

#07DAFE

Cyan 3 Vibrant 2

#08EDFF

Cyan 3 Vibrant 3

Technical Details

#06B6D4

rgb(6, 182, 212)

13

Cyan Shades

Usage Examples

Perfect for:

  • Website color schemes
  • UI component styling
  • Brand identity design
  • Mobile app interfaces
  • Marketing materials
  • Social media graphics
  • Print design projects
  • cyan shades themed designs

CSS Examples

Background Color

CSS
background-color: #06B6D4;

Text Color

CSS
color: #06B6D4;