#E776EB

#E776EB

Color Values

HEX

#E776EB

RGB

231, 118, 235

HSL

297,9, 74,5%, 69,2%

HSV

297,9, 49,8%, 92,2%

CMYK

1,7%, 49,8%, 0,0%, 7,8%

OKLCH

0,7358 0,1983 326,1

Properties

Cool Light Nearest: orchid 2

Color Harmonies

Complementary

#E776EB

#7AEB76

Analogous

#AC76EB

#EB76B5

#E776EB

Triadic

#E776EB

#EBE776

#76EBE7

Split Complementary

#E776EB

#B5EB76

#76EBAC

Tetradic

#E776EB

#EBAC76

#7AEB76

#76B5EB

Color Blindness Simulation

Original

#E776EB

Protanopia

#B6B5CF

Deuteranopia

#BDC5C8

Tritanopia

#E1B8B3

Achromatopsia

#969696

CSS Usage

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

Tailwind Shades

50
#FCF3FC
100
#F8E2F8
200
#F4C1F6
300
#EC94EF
400
#E25AE7
500
#D821DE
600
#AD1AB2
700
#8A158E
800
#6C106F
900
#4F1051
950
#320A33

Contrast Checker

Text on white

2,56:1

AA Fail AAA Fail

Text on black

8,19: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