#C46BD7

#C46BD7

Color Values

HEX

#C46BD7

RGB

196, 107, 215

HSL

289.4, 57.4%, 63.1%

HSV

289.4, 50.2%, 84.3%

CMYK

8.8%, 50.2%, 0.0%, 15.7%

OKLCH

0.6691 0.1776 320.4

Properties

Cool Light Nearest: orchid 3

Color Harmonies

Complementary

#C46BD7

#7ED76B

Analogous

#8E6BD7

#D76BB4

#C46BD7

Triadic

#C46BD7

#D7C46B

#6BD7C4

Split Complementary

#C46BD7

#B4D76B

#6BD78E

Tetradic

#C46BD7

#D78E6B

#7ED76B

#6BB4D7

Color Blindness Simulation

Original

#C46BD7

Protanopia

#9D9DBD

Deuteranopia

#A3A9B7

Tritanopia

#C0A8A4

Achromatopsia

#868686

CSS Usage

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

Tailwind Shades

50
#FAF4FB
100
#F3E4F6
200
#E9C7F0
300
#D99FE5
400
#C46AD7
500
#AF36C9
600
#8C2BA1
700
#702380
800
#571B64
900
#411749
950
#290F2E

Contrast Checker

Text on white

3.27:1

AA Fail AAA Fail

Text on black

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