#C46DB5

#C46DB5

Color Values

HEX

#C46DB5

RGB

196, 109, 181

HSL

310.3, 42.4%, 59.8%

HSV

310.3, 44.4%, 76.9%

CMYK

0.0%, 44.4%, 7.7%, 23.1%

OKLCH

0.6563 0.1423 333.8

Properties

Warm Light Nearest: orchid 3

Color Harmonies

Complementary

#C46DB5

#6DC47C

Analogous

#A76DC4

#C46D8A

#C46DB5

Triadic

#C46DB5

#B5C46D

#6DB5C4

Split Complementary

#C46DB5

#8AC46D

#6DC4A7

Tetradic

#C46DB5

#C4A76D

#6DC47C

#6D8AC4

Color Blindness Simulation

Original

#C46DB5

Protanopia

#9E9EA4

Deuteranopia

#A3AA9F

Tritanopia

#C09693

Achromatopsia

#858585

CSS Usage

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

Tailwind Shades

50
#FAF5F9
100
#F4E7F1
200
#EACCE5
300
#DCA8D3
400
#C979BB
500
#B649A3
600
#913B82
700
#742F68
800
#5B2551
900
#431E3D
950
#2A1326

Contrast Checker

Text on white

3.39:1

AA Fail AAA Fail

Text on black

6.2:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026