#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