#C46EC3

#C46EC3

Color Values

HEX

#C46EC3

RGB

196, 110, 195

HSL

300,7, 42,2%, 60,0%

HSV

300,7, 43,9%, 76,9%

CMYK

0,0%, 43,9%, 0,5%, 23,1%

OKLCH

0,6639 0,1532 327,5

Properties

Warm Light Nearest: orchid 3

Color Harmonies

Complementary

#C46EC3

#6EC46F

Analogous

#9A6EC4

#C46E98

#C46EC3

Triadic

#C46EC3

#C3C46E

#6EC3C4

Split Complementary

#C46EC3

#98C46E

#6EC49A

Tetradic

#C46EC3

#C49A6E

#6EC46F

#6E98C4

Color Blindness Simulation

Original

#C46EC3

Protanopia

#9F9EAE

Deuteranopia

#A4AAAA

Tritanopia

#C09E9B

Achromatopsia

#868686

CSS Usage

background-color: #C46EC3;
color: #C46EC3;
border-color: #C46EC3;
Nearest Tailwind: Fuchsia 300 #F0ABFC

Tailwind Shades

50
#FAF5FA
100
#F4E7F3
200
#EACCEA
300
#DCA8DB
400
#C879C8
500
#B54AB4
600
#913B90
700
#742F73
800
#5B255A
900
#431E42
950
#2A132A

Contrast Checker

Text on white

3,3:1

AA Fail AAA Fail

Text on black

6,37: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