#E176EB

#E176EB

Color Values

HEX

#E176EB

RGB

225, 118, 235

HSL

294,9, 74,5%, 69,2%

HSV

294,9, 49,8%, 92,2%

CMYK

4,3%, 49,8%, 0,0%, 7,8%

OKLCH

0,7286 0,1949 324,1

Properties

Cool Light Nearest: orchid 2

Color Harmonies

Complementary

#E176EB

#80EB76

Analogous

#A776EB

#EB76BA

#E176EB

Triadic

#E176EB

#EBE176

#76EBE1

Split Complementary

#E176EB

#BAEB76

#76EBA7

Tetradic

#E176EB

#EBA776

#80EB76

#76BAEB

Color Blindness Simulation

Original

#E176EB

Protanopia

#B3B2CF

Deuteranopia

#B9C1C8

Tritanopia

#DCB8B3

Achromatopsia

#959595

CSS Usage

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

Tailwind Shades

50
#FBF3FC
100
#F7E2F8
200
#F1C1F6
300
#E894EF
400
#DB5AE7
500
#CE21DE
600
#A51AB2
700
#84158E
800
#67106F
900
#4B1051
950
#300A33

Contrast Checker

Text on white

2,63:1

AA Fail AAA Fail

Text on black

7,99: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