#C46087

#C46087

Color Values

HEX

#C46087

RGB

196, 96, 135

HSL

336.6, 45.9%, 57.3%

HSV

336.6, 51.0%, 76.9%

CMYK

0.0%, 51.0%, 31.1%, 23.1%

OKLCH

0.6198 0.1343 357.1

Properties

Warm Light Nearest: palevioletred 3

Color Harmonies

Complementary

#C46087

#60C49D

Analogous

#C460B9

#C46B60

#C46087

Triadic

#C46087

#87C460

#6087C4

Split Complementary

#C46087

#60C46B

#60B9C4

Tetradic

#C46087

#B9C460

#60C49D

#6B60C4

Color Blindness Simulation

Original

#C46087

Protanopia

#99987E

Deuteranopia

#9EA67B

Tritanopia

#BF7674

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#FAF4F7
100
#F4E6EC
200
#ECCBD8
300
#DEA6BC
400
#CC7597
500
#BA4573
600
#95375C
700
#772C49
800
#5D2239
900
#441C2C
950
#2B121C

Contrast Checker

Text on white

3.91:1

AA Fail AAA Fail

Text on black

5.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