#C46FBC

#C46FBC

Color Values

HEX

#C46FBC

RGB

196, 111, 188

HSL

305.6, 41.9%, 60.2%

HSV

305.6, 43.4%, 76.9%

CMYK

0.0%, 43.4%, 4.1%, 23.1%

OKLCH

0.6624 0.145 330.6

Properties

Warm Light Nearest: orchid 3

Color Harmonies

Complementary

#C46FBC

#6FC477

Analogous

#A16FC4

#C46F92

#C46FBC

Triadic

#C46FBC

#BCC46F

#6FBCC4

Split Complementary

#C46FBC

#92C46F

#6FC4A1

Tetradic

#C46FBC

#C4A16F

#6FC477

#6F92C4

Color Blindness Simulation

Original

#C46FBC

Protanopia

#9F9EA9

Deuteranopia

#A4AAA5

Tritanopia

#C09B97

Achromatopsia

#878787

CSS Usage

background-color: #C46FBC;
color: #C46FBC;
border-color: #C46FBC;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FAF5FA
100
#F4E7F2
200
#EACCE7
300
#DBA8D7
400
#C879C1
500
#B54AAB
600
#913B89
700
#742F6D
800
#5A2555
900
#431E3F
950
#2A1328

Contrast Checker

Text on white

3.31:1

AA Fail AAA Fail

Text on black

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