#E74CE8

#E74CE8

Color Values

HEX

#E74CE8

RGB

231, 76, 232

HSL

299.6, 77.2%, 60.4%

HSV

299.6, 67.2%, 91.0%

CMYK

0.4%, 67.2%, 0.0%, 9.0%

OKLCH

0.6872 0.2532 327.6

Properties

Cool Light Nearest: mediumorchid 1

Color Harmonies

Complementary

#E74CE8

#4DE84C

Analogous

#994CE8

#E84C9B

#E74CE8

Triadic

#E74CE8

#E8E74C

#4CE8E7

Split Complementary

#E74CE8

#9BE84C

#4CE899

Tetradic

#E74CE8

#E8994C

#4DE84C

#4C9BE8

Color Blindness Simulation

Original

#E74CE8

Protanopia

#A4A3C2

Deuteranopia

#ADB8B9

Tritanopia

#DFA49E

Achromatopsia

#787878

CSS Usage

background-color: #E74CE8;
color: #E74CE8;
border-color: #E74CE8;
Nearest Tailwind: Fuchsia 500 #D946EF

Tailwind Shades

50
#FCF2FC
100
#F9E1F9
200
#F6C0F7
300
#F093F1
400
#E958E9
500
#E11DE2
600
#B417B5
700
#901391
800
#700F71
900
#520F52
950
#340934

Contrast Checker

Text on white

3.18:1

AA Fail AAA Fail

Text on black

6.6:1

AA Pass AAA Fail

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