#C56CCF

#C56CCF

Color Values

HEX

#C56CCF

RGB

197, 108, 207

HSL

293.9, 50.8%, 61.8%

HSV

293.9, 47.8%, 81.2%

CMYK

4.8%, 47.8%, 0.0%, 18.8%

OKLCH

0.6678 0.1686 323.4

Properties

Cool Light Nearest: orchid 3

Color Harmonies

Complementary

#C56CCF

#76CF6C

Analogous

#946CCF

#CF6CA8

#C56CCF

Triadic

#C56CCF

#CFC56C

#6CCFC5

Split Complementary

#C56CCF

#A8CF6C

#6CCF94

Tetradic

#C56CCF

#CF946C

#76CF6C

#6CA8CF

Color Blindness Simulation

Original

#C56CCF

Protanopia

#9E9EB7

Deuteranopia

#A4AAB1

Tritanopia

#C1A4A0

Achromatopsia

#868686

CSS Usage

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

Tailwind Shades

50
#FAF4FB
100
#F3E5F5
200
#EAC9ED
300
#DBA3E1
400
#C771D1
500
#B33FC0
600
#8F329A
700
#73287B
800
#5A1F60
900
#421A47
950
#2A112D

Contrast Checker

Text on white

3.27:1

AA Fail AAA Fail

Text on black

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