#C862C9

#C862C9

Color Values

HEX

#C862C9

RGB

200, 98, 201

HSL

299.4, 48.8%, 58.6%

HSV

299.4, 51.2%, 78.8%

CMYK

0.5%, 51.2%, 0.0%, 21.2%

OKLCH

0.6547 0.1809 327.0

Properties

Cool Light Nearest: orchid 3

Color Harmonies

Complementary

#C862C9

#63C962

Analogous

#9462C9

#C96296

#C862C9

Triadic

#C862C9

#C9C862

#62C9C8

Split Complementary

#C862C9

#96C962

#62C994

Tetradic

#C862C9

#C99462

#63C962

#6296C9

Color Blindness Simulation

Original

#C862C9

Protanopia

#9C9BB0

Deuteranopia

#A2A9AA

Tritanopia

#C39C98

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#FAF4FB
100
#F4E6F5
200
#ECCAED
300
#DFA4E0
400
#CE73CF
500
#BC41BE
600
#973498
700
#792A79
800
#5E215F
900
#451B46
950
#2C112C

Contrast Checker

Text on white

3.47:1

AA Fail AAA Fail

Text on black

6.05:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026