Violet color: hex codes, shades and palettes

Palettes built around violet. Click any swatch to copy its hex code.

Violet is #7F00FF — vivid violet. Below are its shades with hex codes, the values in every common format, and violet color palettes to copy.

#BB9514

#B8AD35

#00A0CC

#D3AAFF

#6E3273

#AC7299

#999254

#49928D

#C3E979

#5ED943

#E1A8FF

#EE91F1

#D1C7DF

#BC9EDC

#9C80C1

#806598

#AEBBD6

#797798

#D4B4F5

#DFB5E3

#C7A062

#CBC49E

#A1D2DC

#CFC2E7

#74D5C1

#D3A9FF

#FFB37C

#6CF4FF

#9089FF

#C9A5FF

#DABF00

#C6C300

#849EC2

#D1CEFF

#9E8AAE

#BC7CB6

#FFC6AF

#6AB340

#3AAED0

#C37DD9

#C6AB39

#A8B36C

#62BCFF

#785DAD

#CC97F0

#C88AC3

#8EAB64

#B8D6B2

#F5E9FF

#DFCEDC

#E4CCD7

#EFCCD2

#DAAFF3

#B283BD

#9948A0

#613462

#D2B3FF

#EFB4FF

#B89E00

#60E087

#B4E4B5

#B7DBC4

#ACA1CB

#FBC5E1

#ADCCA9

#557B62

#5F804B

#8E5491

#D3F2F3

#E5DBEC

#EED8B3

#C4E2E9

#2D5539

#5ECDA9

#93C68F

#D9A9DB

#EACCED

#EFC6D9

#F7C5CD

#FBE1DE

#040D1D

#3F465E

#453B69

#5E4779

#00E3D0

#4BE3EF

#F7A0FC

#F3683B

#453258

#BC8FC1

#4B3B00

#005E46

#DEE1C7

#D0E3C7

#D6E0F5

#D5C5D8

Violet hex, RGB, HSL and OKLCH

#7F00FF

HEX: #7F00FF
RGB: rgb(127, 0, 255)
HSL: hsl(270, 100%, 50%)
OKLCH: oklch(52.9% 0.293 293.6)
On white: 6.28:1
On black: 3.35:1

Shades of violet

Eleven steps from one base color, generated in OKLCH so each step is an equal perceived step rather than an equal numeric one. Click a swatch to copy it.

Contrast and readability

Violet on white measures 6.28:1 and on black 3.35:1. WCAG AA asks for 4.5:1 on normal text and 3:1 on large text and UI components, so the higher of those two decides which background it belongs on. In the scale above, 500 is the first to clear 4.5:1 on white, at 6.16:1.

The contrast checker reports every level for a given pair and suggests the nearest passing shade on the same hue. The color picker builds this same scale from any color you paste in.

Related colors:purple, lavender, lilac, plum, indigo, eggplant. See every shade on the colors index.

Violet color: hex codes, shades and palettes

No violet palettes yet

Violet hex, RGB, HSL and OKLCH

Shades of violet

Contrast and readability