#C466C3

#C466C3

Color Values

HEX

#C466C3

RGB

196, 102, 195

HSL

300.6, 44.3%, 58.4%

HSV

300.6, 48.0%, 76.9%

CMYK

0.0%, 48.0%, 0.5%, 23.1%

OKLCH

0.6523 0.1666 327.7

Properties

Warm Light Nearest: orchid 3

Color Harmonies

Complementary

#C466C3

#66C467

Analogous

#9666C4

#C46694

#C466C3

Triadic

#C466C3

#C3C466

#66C3C4

Split Complementary

#C466C3

#94C466

#66C496

Tetradic

#C466C3

#C49666

#66C467

#6694C4

Color Blindness Simulation

Original

#C466C3

Protanopia

#9B9AAD

Deuteranopia

#A1A8A7

Tritanopia

#BF9B97

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#FAF4FA
100
#F4E6F4
200
#EBCBEB
300
#DDA7DC
400
#CA77CA
500
#B847B7
600
#933992
700
#762D75
800
#5C245B
900
#441D43
950
#2B122B

Contrast Checker

Text on white

3.48:1

AA Fail AAA Fail

Text on black

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