Magenta color: hex codes, shades and palettes

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

Magenta is #FF00FF — vivid purple. Below are its shades with hex codes, the values in every common format, and magenta color palettes to copy.

#B1E3D8

#C0DCDD

#DFCDDD

#EEC1BB

#9EDF69

#3BF289

#B7C5FF

#FF4A9F

#00C5B6

#83B2FF

#FA8CB2

#AFA035

#D8CCB6

#CAEDEC

#F6D4EB

#E8E5D1

#4A9A6C

#00503E

#B47CA4

#C966A2

#2C1223

#34262C

#4C3038

#5F4041

#009DBE

#FF99C4

#DDB500

#64C1FF

#FFA55E

#76DB75

#55B8FF

#CD5BAF

#E5BD00

#57E1F6

#DD6BAC

#BFD076

#F3B7CF

#DE7A87

#E45F64

#DC7D5F

#E9E1EE

#F5E9F1

#FEE0EB

#FFEBEA

#6E3273

#AC7299

#999254

#49928D

#D9C5D4

#E3CDDD

#F0D3E6

#F8DBF2

#33B09A

#007A72

#CD698C

#D47E8F

#009173

#4ECEC4

#B55E86

#B74964

#DE9A5E

#00BC7A

#23B5FF

#D97CD7

#C3DCB5

#B5E3BD

#A3A4CB

#FFC7EB

#849EC2

#D1CEFF

#9E8AAE

#BC7CB6

#4D5100

#4387B0

#A96388

#5F7428

#F94CD2

#D0C400

#00D0F8

#FF91CA

#CC97F0

#C88AC3

#8EAB64

#B8D6B2

#E9E0E5

#F2E6EB

#ECD7EB

#DBF3E6

#F5E9FF

#DFCEDC

#E4CCD7

#EFCCD2

#B4E4B5

#B7DBC4

#ACA1CB

#FBC5E1

Magenta hex, RGB, HSL and OKLCH

#FF00FF

HEX: #FF00FF
RGB: rgb(255, 0, 255)
HSL: hsl(300, 100%, 50%)
OKLCH: oklch(70.2% 0.322 328.4)
On white: 3.14:1
On black: 6.70:1

Shades of magenta

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

Magenta on white measures 3.14:1 and on black 6.70: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.10: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:rose, pink, hot pink, blush, fuchsia, rose pink. See every shade on the colors index.

Magenta color: hex codes, shades and palettes

No magenta palettes yet

Magenta hex, RGB, HSL and OKLCH

Shades of magenta

Contrast and readability