#C76ECF

#C76ECF

Color Values

HEX

#C76ECF

RGB

199, 110, 207

HSL

295.1, 50.3%, 62.2%

HSV

295.1, 46.9%, 81.2%

CMYK

3.9%, 46.9%, 0.0%, 18.8%

OKLCH

0.6731 0.1665 324.1

Properties

Cool Light Nearest: orchid 3

Color Harmonies

Complementary

#C76ECF

#76CF6E

Analogous

#976ECF

#CF6EA7

#C76ECF

Triadic

#C76ECF

#CFC76E

#6ECFC7

Split Complementary

#C76ECF

#A7CF6E

#6ECF97

Tetradic

#C76ECF

#CF976E

#76CF6E

#6EA7CF

Color Blindness Simulation

Original

#C76ECF

Protanopia

#A0A0B8

Deuteranopia

#A6ACB2

Tritanopia

#C3A5A1

Achromatopsia

#888888

CSS Usage

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

Tailwind Shades

50
#FAF4FB
100
#F4E6F5
200
#EAC9ED
300
#DCA3E1
400
#C871D0
500
#B53FC0
600
#913399
700
#74297B
800
#5B2060
900
#431B46
950
#2A112C

Contrast Checker

Text on white

3.2:1

AA Fail AAA Fail

Text on black

6.56:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026