Cyan Color
Back to top

Cyan Color Palette Documentation

  1. Home
  2. Color Palette
  3. Cyan

Cyan

Cyan Color Palette with color code and other elements.

Cyan Background Color
Background Color Options Class Description
Background Color .bg-cyan Cyan Class for background color.
Lighten Color .bg-cyan.bg-lighten-* For lighten cyan background color, this two classes needed. Here *: 1,2,3,4 lighten cyan color options.
Darken Color .bg-cyan.bg-darken-* For darken cyan background color, this two classes needed. Here *: 1,2,3,4 darken cyan color options.
Accent Color .bg-cyan.bg-accent-* For accent cyan background color, this two classes needed. Here *: 1,2,3,4 accent cyan color options.

Cyan Border Color

Border Color Options Class Description
Border Color .border-cyan Cyan Class for background color.
Lighten Border .border-cyan
.border-lighten-*		 For lighten cyan background color, this two classes needed. Here *: 1,2,3,4 lighten cyan color options.
Lighten Top Border .border-top-cyan
.border-top-lighten-*		 For lighten cyan top border. Use this classes if you need to highlight only top border.
Lighten Bottom Border .
.border-bottom-lighten-*		 For lighten cyan bottom border. Use this classes if you need to highlight only bottom border.
Lighten Right Border .border-right-cyan
.border-right-lighten-*		 For lighten cyan right border. Use this classes if you need to highlight only right border.
Lighten Left Border .border-left-cyan
.border-left-lighten-*		 For lighten cyan left border. Use this classes if you need to highlight only left border.
Darken Border .border-cyan
.border-darken-*		 For darken cyan background color, this two classes needed. Here *: 1,2,3,4 darken cyan color options.
Darken Top Border .border-top-cyan
.border-top-darken-*		 For darken cyan top border. Use this classes if you need to highlight only top border.
Darken Bottom Border .
.border-bottom-darken-*		 For darken cyan bottom border. Use this classes if you need to highlight only bottom border.
Darken Right Border .border-right-cyan
.border-right-darken-*		 For darken cyan right border. Use this classes if you need to highlight only right border.
Darken Left Border .border-left-cyan
.border-left-darken-*		 For darken cyan left border. Use this classes if you need to highlight only left border.
Accent Border .border-cyan
.border-accent-*		 For accent cyan background color, this two classes needed. Here *: 1,2,3,4 accent cyan color options.
Accent Top Border .border-top-cyan
.border-top-accent-*		 For accent cyan top border. Use this classes if you need to highlight only top border.
Accent Bottom Border .
.border-bottom-accent-*		 For accent cyan bottom border. Use this classes if you need to highlight only bottom border.
Accent Right Border .border-right-cyan
.border-right-accent-*		 For accent cyan right border. Use this classes if you need to highlight only right border.
Accent Left Border .border-left-cyan
.border-left-accent-*		 For accent cyan left border. Use this classes if you need to highlight only left border.

Cyan Text Color

Border Color Options Class Description
Text Color .cyan Class for Cyan Text color.
Lighten Color .cyan.lighten-* For lighten cyan text color, this two classes needed. Here *: 1,2,3,4 for lighten cyan color options.
Darken Color .cyan.darken-* For darken cyan text color, this two classes needed. Here *: 1,2,3,4 for darken cyan color options.
Accent Color .cyan.accent-* For accent cyan text color, this two classes needed. Here *: 1,2,3,4 for accent cyan color options.

Reference :

Type URL
Classic Cyan https://demos.pixinvent.com/modern-html-admin-template/html/ltr/vertical-menu-template/color-palette-cyan.html
Material Cyan https://demos.pixinvent.com/modern-html-admin-template/html/ltr/material-vertical-menu-template/color-palette-cyan.html