#EC8FFC

#EC8FFC

Color Values

HEX

#EC8FFC

RGB

236, 143, 252

HSL

291.2, 94.8%, 77.5%

HSV

291.2, 43.3%, 98.8%

CMYK

6.3%, 43.3%, 0.0%, 1.2%

OKLCH

0.7847 0.1771 321.6

Properties

Cool Light Nearest: violet

Color Harmonies

Complementary

#EC8FFC

#9FFC8F

Analogous

#B68FFC

#FC8FD6

#EC8FFC

Triadic

#EC8FFC

#FCEC8F

#8FFCEC

Split Complementary

#EC8FFC

#D6FC8F

#8FFCB6

Tetradic

#EC8FFC

#FCB68F

#9FFC8F

#8FD6FC

Color Blindness Simulation

Original

#EC8FFC

Protanopia

#C4C3E2

Deuteranopia

#C9D0DB

Tritanopia

#E7CDC8

Achromatopsia

#ABABAB

CSS Usage

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

Tailwind Shades

50
#FCF1FE
100
#F7DFFC
200
#F3B9FD
300
#EB88FC
400
#E047FA
500
#D507F8
600
#AA05C7
700
#88049F
800
#6A037C
900
#4E075A
950
#310439

Contrast Checker

Text on white

2.12:1

AA Fail AAA Fail

Text on black

9.9:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

1月 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

1月 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

1月 15, 2026