#E55CCC

#E55CCC

Color Values

HEX

#E55CCC

RGB

229, 92, 204

HSL

310,9, 72,5%, 62,9%

HSV

310,9, 59,8%, 89,8%

CMYK

0,0%, 59,8%, 10,9%, 10,2%

OKLCH

0,6868 0,2105 335,4

Properties

Warm Light Nearest: orchid 2

Color Harmonies

Complementary

#E55CCC

#5CE575

Analogous

#B95CE5

#E55C87

#E55CCC

Triadic

#E55CCC

#CCE55C

#5CCCE5

Split Complementary

#E55CCC

#87E55C

#5CE5B9

Tetradic

#E55CCC

#E5B95C

#5CE575

#5C87E5

Color Blindness Simulation

Original

#E55CCC

Protanopia

#AAA8B1

Deuteranopia

#B2BCAA

Tritanopia

#DE9B97

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#FCF3FA
100
#F8E2F4
200
#F5C1EC
300
#EE95DE
400
#E55CCC
500
#DC23BA
600
#B01C95
700
#8D1677
800
#6E125D
900
#501145
950
#330B2B

Contrast Checker

Text on white

3,12:1

AA Fail AAA Fail

Text on black

6,73: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