Gradient Generator
Colors

Cyan 5

Beautiful cyan color with 13 variations

Cyan Shades#67E8F9cyanshades

Main Color

HEX Code
#67E8F9

Color Shades (13)

#7EEBFA

Cyan 5 Light 1

#95EFFB

Cyan 5 Light 2

#ABF2FC

Cyan 5 Light 3

#C2F6FD

Cyan 5 Light 4

#D9F9FE

Cyan 5 Light 5

#58C5D4

Cyan 5 Dark 1

#48A2AE

Cyan 5 Dark 2

#398089

Cyan 5 Dark 3

#295D64

Cyan 5 Dark 4

#1A3A3E

Cyan 5 Dark 5

#71FFFF

Cyan 5 Vibrant 1

#7CFFFF

Cyan 5 Vibrant 2

#86FFFF

Cyan 5 Vibrant 3

Technical Details

#67E8F9

rgb(103, 232, 249)

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: #67E8F9;

Text Color

CSS
color: #67E8F9;