#E681EE

#E681EE

Color Values

HEX

#E681EE

RGB

230, 129, 238

HSL

295.6, 76.2%, 72.0%

HSV

295.6, 45.8%, 93.3%

CMYK

3.4%, 45.8%, 0.0%, 6.7%

OKLCH

0.7512 0.183 324.5

Properties

Cool Light Nearest: violet

Color Harmonies

Complementary

#E681EE

#89EE81

Analogous

#B081EE

#EE81C0

#E681EE

Triadic

#E681EE

#EEE681

#81EEE6

Split Complementary

#E681EE

#C0EE81

#81EEB0

Tetradic

#E681EE

#EEB081

#89EE81

#81C0EE

Color Blindness Simulation

Original

#E681EE

Protanopia

#BAB9D4

Deuteranopia

#C0C8CD

Tritanopia

#E1BFBA

Achromatopsia

#9E9E9E

CSS Usage

background-color: #E681EE;
color: #E681EE;
border-color: #E681EE;
Nearest Tailwind: Fuchsia 400 #E879F9

Tailwind Shades

50
#FCF2FC
100
#F7E2F9
200
#F3C0F7
300
#EA93F0
400
#DE59E9
500
#D21EE1
600
#A818B4
700
#871390
800
#690F70
900
#4D0F52
950
#310A34

Contrast Checker

Text on white

2.4:1

AA Fail AAA Fail

Text on black

8.74:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026