#C76BD7

#C76BD7

Color Values

HEX

#C76BD7

RGB

199, 107, 215

HSL

291.1, 57.4%, 63.1%

HSV

291.1, 50.2%, 84.3%

CMYK

7.4%, 50.2%, 0.0%, 15.7%

OKLCH

0.6727 0.1792 321.5

Properties

Cool Light Nearest: orchid

Color Harmonies

Complementary

#C76BD7

#7BD76B

Analogous

#916BD7

#D76BB1

#C76BD7

Triadic

#C76BD7

#D7C76B

#6BD7C7

Split Complementary

#C76BD7

#B1D76B

#6BD791

Tetradic

#C76BD7

#D7916B

#7BD76B

#6BB1D7

Color Blindness Simulation

Original

#C76BD7

Protanopia

#9F9EBD

Deuteranopia

#A4ABB7

Tritanopia

#C2A8A4

Achromatopsia

#868686

CSS Usage

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

Tailwind Shades

50
#FAF4FB
100
#F3E4F6
200
#EAC7F0
300
#DB9FE5
400
#C76AD7
500
#B336C9
600
#8F2BA1
700
#732380
800
#591B64
900
#421749
950
#2A0F2E

Contrast Checker

Text on white

3.22:1

AA Fail AAA Fail

Text on black

6.51:1

AA Pass AAA Fail

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