#E653EB

#E653EB

Color Values

HEX

#E653EB

RGB

230, 83, 235

HSL

298.0, 79.2%, 62.4%

HSV

298.0, 64.7%, 92.2%

CMYK

2.1%, 64.7%, 0.0%, 7.8%

OKLCH

0.694 0.2468 326.5

Properties

Cool Light Nearest: mediumorchid 1

Color Harmonies

Complementary

#E653EB

#58EB53

Analogous

#9A53EB

#EB53A4

#E653EB

Triadic

#E653EB

#EBE653

#53EBE6

Split Complementary

#E653EB

#A4EB53

#53EB9A

Tetradic

#E653EB

#EB9A53

#58EB53

#53A4EB

Color Blindness Simulation

Original

#E653EB

Protanopia

#A6A5C6

Deuteranopia

#AFBABD

Tritanopia

#DFA9A3

Achromatopsia

#7D7D7D

CSS Usage

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

Tailwind Shades

50
#FCF2FC
100
#F8E1F9
200
#F6BFF8
300
#EF91F2
400
#E656EB
500
#DE1BE4
600
#B115B7
700
#8E1192
800
#6F0D72
900
#510E53
950
#330934

Contrast Checker

Text on white

3.09:1

AA Fail AAA Fail

Text on black

6.8:1

AA Pass AAA Fail

Related Articles

Tutorials

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

1월 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

1월 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

1월 15, 2026