#C867CC

#C867CC

Color Values

HEX

#C867CC

RGB

200, 103, 204

HSL

297.6, 49.8%, 60.2%

HSV

297.6, 49.5%, 80.0%

CMYK

2.0%, 49.5%, 0.0%, 20.0%

OKLCH

0.6629 0.1757 325.8

Properties

Cool Light Nearest: orchid 3

Color Harmonies

Complementary

#C867CC

#6BCC67

Analogous

#9567CC

#CC679E

#C867CC

Triadic

#C867CC

#CCC867

#67CCC8

Split Complementary

#C867CC

#9ECC67

#67CC95

Tetradic

#C867CC

#CC9567

#6BCC67

#679ECC

Color Blindness Simulation

Original

#C867CC

Protanopia

#9E9DB4

Deuteranopia

#A4ABAE

Tritanopia

#C3A09C

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#FAF4FB
100
#F4E6F5
200
#ECCAED
300
#DEA3E0
400
#CC72D0
500
#BA40BF
600
#953399
700
#77297A
800
#5D205F
900
#441B46
950
#2B112C

Contrast Checker

Text on white

3.35:1

AA Fail AAA Fail

Text on black

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