#EC66FD

#EC66FD

Color Values

HEX

#EC66FD

RGB

236, 102, 253

HSL

293,2, 97,4%, 69,6%

HSV

293,2, 59,7%, 99,2%

CMYK

6,7%, 59,7%, 0,0%, 0,8%

OKLCH

0,7313 0,24 323,0

Properties

Cool Light Nearest: mediumorchid 1

Color Harmonies

Complementary

#EC66FD

#77FD66

Analogous

#A066FD

#FD66C3

#EC66FD

Triadic

#EC66FD

#FDEC66

#66FDEC

Split Complementary

#EC66FD

#C3FD66

#66FDA0

Tetradic

#EC66FD

#FDA066

#77FD66

#66C3FD

Color Blindness Simulation

Original

#EC66FD

Protanopia

#B2B1D9

Deuteranopia

#BAC4D0

Tritanopia

#E5BCB5

Achromatopsia

#8D8D8D

CSS Usage

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

Tailwind Shades

50
#FCF1FE
100
#F9DEFC
200
#F6B9FE
300
#F086FD
400
#E845FD
500
#E003FC
600
#B303C9
700
#8F02A1
800
#70027E
900
#51065B
950
#330439

Contrast Checker

Text on white

2,66:1

AA Fail AAA Fail

Text on black

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