Start Here

Introduction

Download

Syntax

Core Concepts

Aspect Ratio

Border Radius

Border Size

Border Style

Cursor

Display

Flex

Flex Alignment

Flex Direction

Flex Grow

Flex Position

Flex Size

Flex Width

Font

Gap

Height

Margin

Padding

Spacing

Width

UI Effects

Animations

Single Box

Multi Box

3D Box

Other

Box Shadows

OutSet Shadow

InSet Shadow

Text Shadow

OutSet Shadow

InSet Shadow

UI Widgets

Accordion

Buttons

Calendar

Card

Checks & Radio

Data Tables

Drag And Drop

DropDown

DropDown Multi Select

Gallery

Keypad

Pagination

Pop-Up

Progress Bar

Qty Selector

Skeleton

Spinners

Suggestion

Tabs

Toasts

Slider

Text Boxes

Text Editor

Tool Tip

Icons

Theme Color Shade

Color Shade

Text Color

Background Color

Border Color

Gradient

Text Gradient

Single Color

Double Color

Triple Color

Background Gradient

Single Color

Double Color

Triple Color

Border Gradient

Single Color

Double Color

Triple Color

Other Pages

Components

Top Nav 1

Top Nav 2

Side Nav 1

Side Nav 2

Forget Password

Apps

Add Data

Nav First Level

Nav Second Level

Nav Third Level

N
A
V

Background Color

Create Stunning Backgrounds with Perfect Shades

Our background color shades help enhance the visual appeal of your website by offering a variety of tones. Whether you need subtle pastels for a soft look or bold contrasts for striking designs, these shades ensure a captivating experience.

Key Features:

Fully Customizable: Adjust background shades effortlessly to match your brand’s aesthetic.
Consistent Across Devices: Ensures uniform color rendering on all screen sizes and resolutions.
Predefined Color Schemes: Choose from expertly designed palettes or create your own.
Easy Integration: Apply dynamic background colors with minimal effort.
Cross-Browser Compatibility: Guarantees a seamless visual experience across all major browsers.

Background Color Red

Class	Color Shades	Color Code
CrBdRd10Lt	CrBdRd10Lt91	`hsla(var(--CrRdH) 100% 10% / 0.91)`
	CrBdRd10Lt94	`hsla(var(--CrRdH) 100% 10% / 0.94)`
	CrBdRd10Lt97	`hsla(var(--CrRdH) 100% 10% / 0.97)`
	CrBdRd10Lt	`hsla(var(--CrRdH) 100% 10% / 1)`
CrBdRd20Lt	CrBdRd20Lt91	`hsla(var(--CrRdH) 100% 20% / 0.91)`
	CrBdRd20Lt94	`hsla(var(--CrRdH) 100% 20% / 0.94)`
	CrBdRd20Lt97	`hsla(var(--CrRdH) 100% 20% / 0.97)`
	CrBdRd20Lt	`hsla(var(--CrRdH) 100% 20% / 1)`
CrBdRd30Lt	CrBdRd30Lt91	`hsla(var(--CrRdH) 100% 30% / 0.91)`
	CrBdRd30Lt94	`hsla(var(--CrRdH) 100% 30% / 0.94)`
	CrBdRd30Lt97	`hsla(var(--CrRdH) 100% 30% / 0.97)`
	CrBdRd30Lt	`hsla(var(--CrRdH) 100% 30% / 1)`
CrBdRd40Lt	CrBdRd40Lt91	`hsla(var(--CrRdH) 100% 40% / 0.91)`
	CrBdRd40Lt94	`hsla(var(--CrRdH) 100% 40% / 0.94)`
	CrBdRd40Lt97	`hsla(var(--CrRdH) 100% 40% / 0.97)`
	CrBdRd40Lt	`hsla(var(--CrRdH) 100% 4% / 1)`
CrBdRd50Lt	CrBdRd50Lt91	`hsla(var(--CrRdH) 100% 50% / 0.91)`
	CrBdRd50Lt94	`hsla(var(--CrRdH) 100% 50% / 0.94)`
	CrBdRd50Lt97	`hsla(var(--CrRdH) 100% 50% / 0.97)`
	CrBdRd50Lt	`hsla(var(--CrRdH) 100% 50% / 1)`
CrBdRd60Lt	CrBdRd60Lt91	`hsla(var(--CrRdH) 100% 60% / 0.91)`
	CrBdRd60Lt94	`hsla(var(--CrRdH) 100% 60% / 0.94)`
	CrBdRd60Lt97	`hsla(var(--CrRdH) 100% 60% / 0.97)`
	CrBdRd60Lt	`hsla(var(--CrRdH) 100% 60% / 1)`
CrBdRd70Lt	CrBdRd70Lt91	`hsla(var(--CrRdH) 100% 70% / 0.91)`
	CrBdRd70Lt94	`hsla(var(--CrRdH) 100% 70% / 0.94)`
	CrBdRd70Lt97	`hsla(var(--CrRdH) 100% 70% / 0.97)`
	CrBdRd70Lt	`hsla(var(--CrRdH) 100% 70% / 1)`
CrBdRd80Lt	CrBdRd80Lt91	`hsla(var(--CrRdH) 100% 80% / 0.91)`
	CrBdRd80Lt94	`hsla(var(--CrRdH) 100% 80% / 0.94)`
	CrBdRd80Lt97	`hsla(var(--CrRdH) 100% 80% / 0.97)`
	CrBdRd80Lt	`hsla(var(--CrRdH) 100% 80% / 1)`

Background Color Yellow

Class	Color Shades	Color Code
CrBdYw10Lt	CrBdYw10Lt91	`hsla(var(--CrYwH) 100% 10% / 0.91)`
	CrBdYw10Lt94	`hsla(var(--CrYwH) 100% 10% / 0.94)`
	CrBdYw10Lt97	`hsla(var(--CrYwH) 100% 10% / 0.97)`
	CrBdYw10Lt	`hsla(var(--CrYwH) 100% 10% / 1)`
CrBdYw20Lt	CrBdYw20Lt91	`hsla(var(--CrYwH) 100% 20% / 0.91)`
	CrBdYw20Lt94	`hsla(var(--CrYwH) 100% 20% / 0.94)`
	CrBdYw20Lt97	`hsla(var(--CrYwH) 100% 20% / 0.97)`
	CrBdYw20Lt	`hsla(var(--CrYwH) 100% 20% / 1)`
CrBdYw30Lt	CrBdYw30Lt91	`hsla(var(--CrYwH) 100% 30% / 0.91)`
	CrBdYw30Lt94	`hsla(var(--CrYwH) 100% 30% / 0.94)`
	CrBdYw30Lt97	`hsla(var(--CrYwH) 100% 30% / 0.97)`
	CrBdYw30Lt	`hsla(var(--CrYwH) 100% 30% / 1)`
CrBdYw40Lt	CrBdYw40Lt91	`hsla(var(--CrYwH) 100% 40% / 0.91)`
	CrBdYw40Lt94	`hsla(var(--CrYwH) 100% 40% / 0.94)`
	CrBdYw40Lt97	`hsla(var(--CrYwH) 100% 40% / 0.97)`
	CrBdYw40Lt	`hsla(var(--CrYwH) 100% 4% / 1)`
CrBdYw50Lt	CrBdYw50Lt91	`hsla(var(--CrYwH) 100% 50% / 0.91)`
	CrBdYw50Lt94	`hsla(var(--CrYwH) 100% 50% / 0.94)`
	CrBdYw50Lt97	`hsla(var(--CrYwH) 100% 50% / 0.97)`
	CrBdYw50Lt	`hsla(var(--CrYwH) 100% 50% / 1)`
CrBdYw60Lt	CrBdYw60Lt91	`hsla(var(--CrYwH) 100% 60% / 0.91)`
	CrBdYw60Lt94	`hsla(var(--CrYwH) 100% 60% / 0.94)`
	CrBdYw60Lt97	`hsla(var(--CrYwH) 100% 60% / 0.97)`
	CrBdYw60Lt	`hsla(var(--CrYwH) 100% 60% / 1)`
CrBdYw70Lt	CrBdYw70Lt91	`hsla(var(--CrYwH) 100% 70% / 0.91)`
	CrBdYw70Lt94	`hsla(var(--CrYwH) 100% 70% / 0.94)`
	CrBdYw70Lt97	`hsla(var(--CrYwH) 100% 70% / 0.97)`
	CrBdYw70Lt	`hsla(var(--CrYwH) 100% 70% / 1)`
CrBdYw80Lt	CrBdYw80Lt91	`hsla(var(--CrYwH) 100% 80% / 0.91)`
	CrBdYw80Lt94	`hsla(var(--CrYwH) 100% 80% / 0.94)`
	CrBdYw80Lt97	`hsla(var(--CrYwH) 100% 80% / 0.97)`
	CrBdYw80Lt	`hsla(var(--CrYwH) 100% 80% / 1)`

Background Color Orange

Class	Color Shades	Color Code
CrBdOe10Lt	CrBdOe10Lt91	`hsla(var(--CrOeH) 100% 10% / 0.91)`
	CrBdOe10Lt94	`hsla(var(--CrOeH) 100% 10% / 0.94)`
	CrBdOe10Lt97	`hsla(var(--CrOeH) 100% 10% / 0.97)`
	CrBdOe10Lt	`hsla(var(--CrOeH) 100% 10% / 1)`
CrBdOe20Lt	CrBdOe20Lt91	`hsla(var(--CrOeH) 100% 20% / 0.91)`
	CrBdOe20Lt94	`hsla(var(--CrOeH) 100% 20% / 0.94)`
	CrBdOe20Lt97	`hsla(var(--CrOeH) 100% 20% / 0.97)`
	CrBdOe20Lt	`hsla(var(--CrOeH) 100% 20% / 1)`
CrBdOe30Lt	CrBdOe30Lt91	`hsla(var(--CrOeH) 100% 30% / 0.91)`
	CrBdOe30Lt94	`hsla(var(--CrOeH) 100% 30% / 0.94)`
	CrBdOe30Lt97	`hsla(var(--CrOeH) 100% 30% / 0.97)`
	CrBdOe30Lt	`hsla(var(--CrOeH) 100% 30% / 1)`
CrBdOe40Lt	CrBdOe40Lt91	`hsla(var(--CrOeH) 100% 40% / 0.91)`
	CrBdOe40Lt94	`hsla(var(--CrOeH) 100% 40% / 0.94)`
	CrBdOe40Lt97	`hsla(var(--CrOeH) 100% 40% / 0.97)`
	CrBdOe40Lt	`hsla(var(--CrOeH) 100% 4% / 1)`
CrBdOe50Lt	CrBdOe50Lt91	`hsla(var(--CrOeH) 100% 50% / 0.91)`
	CrBdOe50Lt94	`hsla(var(--CrOeH) 100% 50% / 0.94)`
	CrBdOe50Lt97	`hsla(var(--CrOeH) 100% 50% / 0.97)`
	CrBdOe50Lt	`hsla(var(--CrOeH) 100% 50% / 1)`
CrBdOe60Lt	CrBdOe60Lt91	`hsla(var(--CrOeH) 100% 60% / 0.91)`
	CrBdOe60Lt94	`hsla(var(--CrOeH) 100% 60% / 0.94)`
	CrBdOe60Lt97	`hsla(var(--CrOeH) 100% 60% / 0.97)`
	CrBdOe60Lt	`hsla(var(--CrOeH) 100% 60% / 1)`
CrBdOe70Lt	CrBdOe70Lt91	`hsla(var(--CrOeH) 100% 70% / 0.91)`
	CrBdOe70Lt94	`hsla(var(--CrOeH) 100% 70% / 0.94)`
	CrBdOe70Lt97	`hsla(var(--CrOeH) 100% 70% / 0.97)`
	CrBdOe70Lt	`hsla(var(--CrOeH) 100% 70% / 1)`
CrBdOe80Lt	CrBdOe80Lt91	`hsla(var(--CrOeH) 100% 80% / 0.91)`
	CrBdOe80Lt94	`hsla(var(--CrOeH) 100% 80% / 0.94)`
	CrBdOe80Lt97	`hsla(var(--CrOeH) 100% 80% / 0.97)`
	CrBdOe80Lt	`hsla(var(--CrOeH) 100% 80% / 1)`

Background Color Blue

Class	Color Shades	Color Code
CrBdBe10Lt	CrBdBe10Lt91	`hsla(var(--CrBeH) 100% 10% / 0.91)`
	CrBdBe10Lt94	`hsla(var(--CrBeH) 100% 10% / 0.94)`
	CrBdBe10Lt97	`hsla(var(--CrBeH) 100% 10% / 0.97)`
	CrBdBe10Lt	`hsla(var(--CrBeH) 100% 10% / 1)`
CrBdBe20Lt	CrBdBe20Lt91	`hsla(var(--CrBeH) 100% 20% / 0.91)`
	CrBdBe20Lt94	`hsla(var(--CrBeH) 100% 20% / 0.94)`
	CrBdBe20Lt97	`hsla(var(--CrBeH) 100% 20% / 0.97)`
	CrBdBe20Lt	`hsla(var(--CrBeH) 100% 20% / 1)`
CrBdBe30Lt	CrBdBe30Lt91	`hsla(var(--CrBeH) 100% 30% / 0.91)`
	CrBdBe30Lt94	`hsla(var(--CrBeH) 100% 30% / 0.94)`
	CrBdBe30Lt97	`hsla(var(--CrBeH) 100% 30% / 0.97)`
	CrBdBe30Lt	`hsla(var(--CrBeH) 100% 30% / 1)`
CrBdBe40Lt	CrBdBe40Lt91	`hsla(var(--CrBeH) 100% 40% / 0.91)`
	CrBdBe40Lt94	`hsla(var(--CrBeH) 100% 40% / 0.94)`
	CrBdBe40Lt97	`hsla(var(--CrBeH) 100% 40% / 0.97)`
	CrBdBe40Lt	`hsla(var(--CrBeH) 100% 4% / 1)`
CrBdBe50Lt	CrBdBe50Lt91	`hsla(var(--CrBeH) 100% 50% / 0.91)`
	CrBdBe50Lt94	`hsla(var(--CrBeH) 100% 50% / 0.94)`
	CrBdBe50Lt97	`hsla(var(--CrBeH) 100% 50% / 0.97)`
	CrBdBe50Lt	`hsla(var(--CrBeH) 100% 50% / 1)`
CrBdBe60Lt	CrBdBe60Lt91	`hsla(var(--CrBeH) 100% 60% / 0.91)`
	CrBdBe60Lt94	`hsla(var(--CrBeH) 100% 60% / 0.94)`
	CrBdBe60Lt97	`hsla(var(--CrBeH) 100% 60% / 0.97)`
	CrBdBe60Lt	`hsla(var(--CrBeH) 100% 60% / 1)`
CrBdBe70Lt	CrBdBe70Lt91	`hsla(var(--CrBeH) 100% 70% / 0.91)`
	CrBdBe70Lt94	`hsla(var(--CrBeH) 100% 70% / 0.94)`
	CrBdBe70Lt97	`hsla(var(--CrBeH) 100% 70% / 0.97)`
	CrBdBe70Lt	`hsla(var(--CrBeH) 100% 70% / 1)`
CrBdBe80Lt	CrBdBe80Lt91	`hsla(var(--CrBeH) 100% 80% / 0.91)`
	CrBdBe80Lt94	`hsla(var(--CrBeH) 100% 80% / 0.94)`
	CrBdBe80Lt97	`hsla(var(--CrBeH) 100% 80% / 0.97)`
	CrBdBe80Lt	`hsla(var(--CrBeH) 100% 80% / 1)`

Background Color Green

Class	Color Shades	Color Code
CrBdGn10Lt	CrBdGn10Lt91	`hsla(var(--CrGnH) 100% 10% / 0.91)`
	CrBdGn10Lt94	`hsla(var(--CrGnH) 100% 10% / 0.94)`
	CrBdGn10Lt97	`hsla(var(--CrGnH) 100% 10% / 0.97)`
	CrBdGn10Lt	`hsla(var(--CrGnH) 100% 10% / 1)`
CrBdGn20Lt	CrBdGn20Lt91	`hsla(var(--CrGnH) 100% 20% / 0.91)`
	CrBdGn20Lt94	`hsla(var(--CrGnH) 100% 20% / 0.94)`
	CrBdGn20Lt97	`hsla(var(--CrGnH) 100% 20% / 0.97)`
	CrBdGn20Lt	`hsla(var(--CrGnH) 100% 20% / 1)`
CrBdGn30Lt	CrBdGn30Lt91	`hsla(var(--CrGnH) 100% 30% / 0.91)`
	CrBdGn30Lt94	`hsla(var(--CrGnH) 100% 30% / 0.94)`
	CrBdGn30Lt97	`hsla(var(--CrGnH) 100% 30% / 0.97)`
	CrBdGn30Lt	`hsla(var(--CrGnH) 100% 30% / 1)`
CrBdGn40Lt	CrBdGn40Lt91	`hsla(var(--CrGnH) 100% 40% / 0.91)`
	CrBdGn40Lt94	`hsla(var(--CrGnH) 100% 40% / 0.94)`
	CrBdGn40Lt97	`hsla(var(--CrGnH) 100% 40% / 0.97)`
	CrBdGn40Lt	`hsla(var(--CrGnH) 100% 4% / 1)`
CrBdGn50Lt	CrBdGn50Lt91	`hsla(var(--CrGnH) 100% 50% / 0.91)`
	CrBdGn50Lt94	`hsla(var(--CrGnH) 100% 50% / 0.94)`
	CrBdGn50Lt97	`hsla(var(--CrGnH) 100% 50% / 0.97)`
	CrBdGn50Lt	`hsla(var(--CrGnH) 100% 50% / 1)`
CrBdGn60Lt	CrBdGn60Lt91	`hsla(var(--CrGnH) 100% 60% / 0.91)`
	CrBdGn60Lt94	`hsla(var(--CrGnH) 100% 60% / 0.94)`
	CrBdGn60Lt97	`hsla(var(--CrGnH) 100% 60% / 0.97)`
	CrBdGn60Lt	`hsla(var(--CrGnH) 100% 60% / 1)`
CrBdGn70Lt	CrBdGn70Lt91	`hsla(var(--CrGnH) 100% 70% / 0.91)`
	CrBdGn70Lt94	`hsla(var(--CrGnH) 100% 70% / 0.94)`
	CrBdGn70Lt97	`hsla(var(--CrGnH) 100% 70% / 0.97)`
	CrBdGn70Lt	`hsla(var(--CrGnH) 100% 70% / 1)`
CrBdGn80Lt	CrBdGn80Lt91	`hsla(var(--CrGnH) 100% 80% / 0.91)`
	CrBdGn80Lt94	`hsla(var(--CrGnH) 100% 80% / 0.94)`
	CrBdGn80Lt97	`hsla(var(--CrGnH) 100% 80% / 0.97)`
	CrBdGn80Lt	`hsla(var(--CrGnH) 100% 80% / 1)`

Background Color Pink

Class	Color Shades	Color Code
CrBdPk10Lt	CrBdPk10Lt91	`hsla(var(--CrPkH) 100% 10% / 0.91)`
	CrBdPk10Lt94	`hsla(var(--CrPkH) 100% 10% / 0.94)`
	CrBdPk10Lt97	`hsla(var(--CrPkH) 100% 10% / 0.97)`
	CrBdPk10Lt	`hsla(var(--CrPkH) 100% 10% / 1)`
CrBdPk20Lt	CrBdPk20Lt91	`hsla(var(--CrPkH) 100% 20% / 0.91)`
	CrBdPk20Lt94	`hsla(var(--CrPkH) 100% 20% / 0.94)`
	CrBdPk20Lt97	`hsla(var(--CrPkH) 100% 20% / 0.97)`
	CrBdPk20Lt	`hsla(var(--CrPkH) 100% 20% / 1)`
CrBdPk30Lt	CrBdPk30Lt91	`hsla(var(--CrPkH) 100% 30% / 0.91)`
	CrBdPk30Lt94	`hsla(var(--CrPkH) 100% 30% / 0.94)`
	CrBdPk30Lt97	`hsla(var(--CrPkH) 100% 30% / 0.97)`
	CrBdPk30Lt	`hsla(var(--CrPkH) 100% 30% / 1)`
CrBdPk40Lt	CrBdPk40Lt91	`hsla(var(--CrPkH) 100% 40% / 0.91)`
	CrBdPk40Lt94	`hsla(var(--CrPkH) 100% 40% / 0.94)`
	CrBdPk40Lt97	`hsla(var(--CrPkH) 100% 40% / 0.97)`
	CrBdPk40Lt	`hsla(var(--CrPkH) 100% 4% / 1)`
CrBdPk50Lt	CrBdPk50Lt91	`hsla(var(--CrPkH) 100% 50% / 0.91)`
	CrBdPk50Lt94	`hsla(var(--CrPkH) 100% 50% / 0.94)`
	CrBdPk50Lt97	`hsla(var(--CrPkH) 100% 50% / 0.97)`
	CrBdPk50Lt	`hsla(var(--CrPkH) 100% 50% / 1)`
CrBdPk60Lt	CrBdPk60Lt91	`hsla(var(--CrPkH) 100% 60% / 0.91)`
	CrBdPk60Lt94	`hsla(var(--CrPkH) 100% 60% / 0.94)`
	CrBdPk60Lt97	`hsla(var(--CrPkH) 100% 60% / 0.97)`
	CrBdPk60Lt	`hsla(var(--CrPkH) 100% 60% / 1)`
CrBdPk70Lt	CrBdPk70Lt91	`hsla(var(--CrPkH) 100% 70% / 0.91)`
	CrBdPk70Lt94	`hsla(var(--CrPkH) 100% 70% / 0.94)`
	CrBdPk70Lt97	`hsla(var(--CrPkH) 100% 70% / 0.97)`
	CrBdPk70Lt	`hsla(var(--CrPkH) 100% 70% / 1)`
CrBdPk80Lt	CrBdPk80Lt91	`hsla(var(--CrPkH) 100% 80% / 0.91)`
	CrBdPk80Lt94	`hsla(var(--CrPkH) 100% 80% / 0.94)`
	CrBdPk80Lt97	`hsla(var(--CrPkH) 100% 80% / 0.97)`
	CrBdPk80Lt	`hsla(var(--CrPkH) 100% 80% / 1)`

Background Color Purple

Class	Color Shades	Color Code
CrBdPe10Lt	CrBdPe10Lt91	`hsla(var(--CrPeH) 100% 10% / 0.91)`
	CrBdPe10Lt94	`hsla(var(--CrPeH) 100% 10% / 0.94)`
	CrBdPe10Lt97	`hsla(var(--CrPeH) 100% 10% / 0.97)`
	CrBdPe10Lt	`hsla(var(--CrPeH) 100% 10% / 1)`
CrBdPe20Lt	CrBdPe20Lt91	`hsla(var(--CrPeH) 100% 20% / 0.91)`
	CrBdPe20Lt94	`hsla(var(--CrPeH) 100% 20% / 0.94)`
	CrBdPe20Lt97	`hsla(var(--CrPeH) 100% 20% / 0.97)`
	CrBdPe20Lt	`hsla(var(--CrPeH) 100% 20% / 1)`
CrBdPe30Lt	CrBdPe30Lt91	`hsla(var(--CrPeH) 100% 30% / 0.91)`
	CrBdPe30Lt94	`hsla(var(--CrPeH) 100% 30% / 0.94)`
	CrBdPe30Lt97	`hsla(var(--CrPeH) 100% 30% / 0.97)`
	CrBdPe30Lt	`hsla(var(--CrPeH) 100% 30% / 1)`
CrBdPe40Lt	CrBdPe40Lt91	`hsla(var(--CrPeH) 100% 40% / 0.91)`
	CrBdPe40Lt94	`hsla(var(--CrPeH) 100% 40% / 0.94)`
	CrBdPe40Lt97	`hsla(var(--CrPeH) 100% 40% / 0.97)`
	CrBdPe40Lt	`hsla(var(--CrPeH) 100% 4% / 1)`
CrBdPe50Lt	CrBdPe50Lt91	`hsla(var(--CrPeH) 100% 50% / 0.91)`
	CrBdPe50Lt94	`hsla(var(--CrPeH) 100% 50% / 0.94)`
	CrBdPe50Lt97	`hsla(var(--CrPeH) 100% 50% / 0.97)`
	CrBdPe50Lt	`hsla(var(--CrPeH) 100% 50% / 1)`
CrBdPe60Lt	CrBdPe60Lt91	`hsla(var(--CrPeH) 100% 60% / 0.91)`
	CrBdPe60Lt94	`hsla(var(--CrPeH) 100% 60% / 0.94)`
	CrBdPe60Lt97	`hsla(var(--CrPeH) 100% 60% / 0.97)`
	CrBdPe60Lt	`hsla(var(--CrPeH) 100% 60% / 1)`
CrBdPe70Lt	CrBdPe70Lt91	`hsla(var(--CrPeH) 100% 70% / 0.91)`
	CrBdPe70Lt94	`hsla(var(--CrPeH) 100% 70% / 0.94)`
	CrBdPe70Lt97	`hsla(var(--CrPeH) 100% 70% / 0.97)`
	CrBdPe70Lt	`hsla(var(--CrPeH) 100% 70% / 1)`
CrBdPe80Lt	CrBdPe80Lt91	`hsla(var(--CrPeH) 100% 80% / 0.91)`
	CrBdPe80Lt94	`hsla(var(--CrPeH) 100% 80% / 0.94)`
	CrBdPe80Lt97	`hsla(var(--CrPeH) 100% 80% / 0.97)`
	CrBdPe80Lt	`hsla(var(--CrPeH) 100% 80% / 1)`

Background Color Gray

Class	Color Shades	Color Code
CrBdGy10Lt	CrBdGy10Lt91	`hsla(var(--CrGyH) 0% 10% / 0.91)`
	CrBdGy10Lt94	`hsla(var(--CrGyH) 0% 10% / 0.94)`
	CrBdGy10Lt97	`hsla(var(--CrGyH) 0% 10% / 0.97)`
	CrBdGy10Lt	`hsla(var(--CrGyH) 0% 10% / 1)`
CrBdGy20Lt	CrBdGy20Lt91	`hsla(var(--CrGyH) 0% 20% / 0.91)`
	CrBdGy20Lt94	`hsla(var(--CrGyH) 0% 20% / 0.94)`
	CrBdGy20Lt97	`hsla(var(--CrGyH) 0% 20% / 0.97)`
	CrBdGy20Lt	`hsla(var(--CrGyH) 0% 20% / 1)`
CrBdGy30Lt	CrBdGy30Lt91	`hsla(var(--CrGyH) 0% 30% / 0.91)`
	CrBdGy30Lt94	`hsla(var(--CrGyH) 0% 30% / 0.94)`
	CrBdGy30Lt97	`hsla(var(--CrGyH) 0% 30% / 0.97)`
	CrBdGy30Lt	`hsla(var(--CrGyH) 0% 30% / 1)`
CrBdGy40Lt	CrBdGy40Lt91	`hsla(var(--CrGyH) 0% 40% / 0.91)`
	CrBdGy40Lt94	`hsla(var(--CrGyH) 0% 40% / 0.94)`
	CrBdGy40Lt97	`hsla(var(--CrGyH) 0% 40% / 0.97)`
	CrBdGy40Lt	`hsla(var(--CrGyH) 0% 4% / 1)`
CrBdGy50Lt	CrBdGy50Lt91	`hsla(var(--CrGyH) 0% 50% / 0.91)`
	CrBdGy50Lt94	`hsla(var(--CrGyH) 0% 50% / 0.94)`
	CrBdGy50Lt97	`hsla(var(--CrGyH) 0% 50% / 0.97)`
	CrBdGy50Lt	`hsla(var(--CrGyH) 0% 50% / 1)`
CrBdGy60Lt	CrBdGy60Lt91	`hsla(var(--CrGyH) 0% 60% / 0.91)`
	CrBdGy60Lt94	`hsla(var(--CrGyH) 0% 60% / 0.94)`
	CrBdGy60Lt97	`hsla(var(--CrGyH) 0% 60% / 0.97)`
	CrBdGy60Lt	`hsla(var(--CrGyH) 0% 60% / 1)`
CrBdGy70Lt	CrBdGy70Lt91	`hsla(var(--CrGyH) 0% 70% / 0.91)`
	CrBdGy70Lt94	`hsla(var(--CrGyH) 0% 70% / 0.94)`
	CrBdGy70Lt97	`hsla(var(--CrGyH) 0% 70% / 0.97)`
	CrBdGy70Lt	`hsla(var(--CrGyH) 0% 70% / 1)`
CrBdGy80Lt	CrBdGy80Lt91	`hsla(var(--CrGyH) 0% 80% / 0.91)`
	CrBdGy80Lt94	`hsla(var(--CrGyH) 0% 80% / 0.94)`
	CrBdGy80Lt97	`hsla(var(--CrGyH) 0% 80% / 0.97)`
	CrBdGy80Lt	`hsla(var(--CrGyH) 0% 80% / 1)`

Background Color Black

Class Name	Color Shades	Example
CrBdBk	`hsla(var(--CrBkH) 0% 0%)`

Background Color White

Class Name	Color Shades	Example
CrBdWe	`hsla(var(--CrWeH) 0% 100%)`

Web Tool

Welcome Amit

Logout

Change Password

Change Email