Color Shades

Each color is available in 10 equaly spaced shades between 0 and 100.

Shade 0

var(--white-0)
var(--black-100)

hsl(0, 0%, 0%)
rgb(0, 0, 0)
#000000

Shade 10

var(--white-10)
var(--black-90)

hsl(0, 0%, 10%)
rgb(26, 26, 26)
#1A1A1A

Shade 20

var(--white-20)
var(--black-80)

hsl(0, 0%, 20%)
rgb(51, 51, 51)
#333333

Shade 30

var(--white-30)
var(--black-70)

hsl(0, 0%, 30%)
rgb(77, 77, 77)
#4D4D4D

Shade 40

var(--white-40)
var(--black-60)

hsl(0, 0%, 40%)
rgb(102, 102, 102)
#666666

Shade 50

var(--white-50)
var(--black-50)

hsl(0, 0%, 50%)
rgb(128, 128, 128)
#808080

Shade 60

var(--white-60)
var(--black-40)

hsl(0, 0%, 60%)
rgb(153, 153, 153)
#999999

Shade 70

var(--white-70)
var(--black-30)

hsl(0, 0%, 70%)
rgb(179, 179, 179)
#B3B3B3

Shade 80

var(--white-80)
var(--black-20)

hsl(0, 0%, 80%)
rgb(204, 204, 204)
#CCCCCC

Shade 90

var(--white-90)
var(--black-10)

hsl(0, 0%, 90%)
rgb(230, 230, 230)
#E6E6E6

Shade 100

var(--white-100)
var(--black-0)

hsl(0, 0%, 100%)
rgb(255, 255, 255)
#FFFFFF