#EC81ED

#EC81ED

Color Values

HEX

#EC81ED

RGB

236, 129, 237

HSL

299.4, 75.0%, 71.8%

HSV

299.4, 45.6%, 92.9%

CMYK

0.4%, 45.6%, 0.0%, 7.1%

OKLCH

0.7577 0.1856 326.9

Properties

Cool Light Nearest: violet

Color Harmonies

Complementary

#EC81ED

#82ED81

Analogous

#B681ED

#ED81B8

#EC81ED

Triadic

#EC81ED

#EDEC81

#81EDEC

Split Complementary

#EC81ED

#B8ED81

#81EDB6

Tetradic

#EC81ED

#EDB681

#82ED81

#81B8ED

Color Blindness Simulation

Original

#EC81ED

Protanopia

#BEBDD3

Deuteranopia

#C4CCCD

Tritanopia

#E7BEBA

Achromatopsia

#A0A0A0

CSS Usage

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

Tailwind Shades

50
#FCF2FC
100
#F8E2F9
200
#F6C1F6
300
#EF94F0
400
#E65AE7
500
#DD20DF
600
#B119B3
700
#8E148F
800
#6F1070
900
#501051
950
#330A33

Contrast Checker

Text on white

2.35:1

AA Fail AAA Fail

Text on black

8.93:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026