#C88DFE

#C88DFE

Color Values

HEX

#C88DFE

RGB

200, 141, 254

HSL

271.3, 98.3%, 77.5%

HSV

271.3, 44.5%, 99.6%

CMYK

21.3%, 44.5%, 0.0%, 0.4%

OKLCH

0.745 0.1671 306.9

Properties

Cool Light Nearest: mediumpurple 1

Color Harmonies

Complementary

#C88DFE

#C3FE8D

Analogous

#908DFE

#FE8DFC

#C88DFE

Triadic

#C88DFE

#FEC88D

#8DFEC8

Split Complementary

#C88DFE

#FCFE8D

#8DFE90

Tetradic

#C88DFE

#FE908D

#C3FE8D

#8DFCFE

Color Blindness Simulation

Original

#C88DFE

Protanopia

#AEAEE3

Deuteranopia

#B2B6DC

Tritanopia

#C5CDC8

Achromatopsia

#A2A2A2

CSS Usage

background-color: #C88DFE;
color: #C88DFE;
border-color: #C88DFE;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#F8F1FE
100
#EEDEFC
200
#DDB8FE
300
#C486FE
400
#A544FD
500
#8502FD
600
#6A02CA
700
#5501A2
800
#42017E
900
#32065B
950
#20043A

Contrast Checker

Text on white

2.41:1

AA Fail AAA Fail

Text on black

8.7: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