Violet#EE82EE

Violet Hex Code: #EE82EE

Violet is a light, vivid purple. Its OKLCH lightness is 76% and chroma 0.186. Text on this color reads best in black (contrast 9.06:1).

HEX	`#EE82EE`
RGB	`rgb(238, 130, 238)`
HSL	`hsl(300, 76%, 72%)`
HSV / HSB	`hsv(300, 45%, 93%)`
CMYK	`cmyk(0%, 45%, 0%, 7%)`
OKLCH	`oklch(76.2% 0.186 327.2)`

Open in converter →

Contrast

White text2.32:1

AAAA largeAAA

Black text9.06:1

AAAA largeAAA

On white2.32:1

AAAA largeAAA

On black9.06:1

AAAA largeAAA

Tints

#F08DF0#F199F1#F3A4F3#F4AFF4#F6BAF6#F7C6F7#F9D1F9#FADCFA#FCE7FC#FDF3FDLavender Blush

Shades

#D976D9Orchid#C36BC3#AE5FAE#985398#834883Plum Purple#6D3C6D#583058#432443#2D192DDark Purple#180D18

Matching colors

Complementary

#EE82EEViolet#82EE82Light Green

Analogous

#EE82EEViolet#B882EE#EE82B8

Triadic

#EE82EEViolet#EEEE82#82EEEE

Split complementary

#EE82EEViolet#B8EE82#82EEB8

Similar named colors

Orchid#DA70D6Rose Pink#FF66CCPlum#DDA0DDHot Pink#FF69B4Mauve#E0B0FFLilac#C8A2C8Salmon Pink#FF91A4Pale Violet Red#DB7093

All color names →

Code

CSS	`color: #EE82EE;`
Tailwind	`bg-[#ee82ee]`
SwiftUI	`Color(red: 0.933, green: 0.51, blue: 0.933)`
Android	`Color.parseColor("#EE82EE")`
Flutter	`Color(0xFFEE82EE)`

Violet is a CSS named color (violet); the value follows W3C CSS Color Module Level 4.

Frequently asked questions

What is the hex code for violet?

Violet is #EE82EE in hex and rgb(238, 130, 238) in RGB.

What is violet in CMYK?

With the plain conversion formula it is cmyk(0, 45, 0, 7). For print, convert with your printer's ICC profile instead.

What text color works on violet?

Black text has the higher contrast at 9.06:1, which passes WCAG AA for normal text (4.5:1).