#C46289

#C46289

Color Values

HEX

#C46289

RGB

196, 98, 137

HSL

336.1, 45.4%, 57.6%

HSV

336.1, 50.0%, 76.9%

CMYK

0.0%, 50.0%, 30.1%, 23.1%

OKLCH

0.6234 0.1319 356.5

Properties

Warm Light Nearest: palevioletred 3

Color Harmonies

Complementary

#C46289

#62C49D

Analogous

#C462BA

#C46C62

#C46289

Triadic

#C46289

#89C462

#6289C4

Split Complementary

#C46289

#62C46C

#62BAC4

Tetradic

#C46289

#BAC462

#62C49D

#6C62C4

Color Blindness Simulation

Original

#C46289

Protanopia

#9A9980

Deuteranopia

#9FA77D

Tritanopia

#BF7876

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#FAF4F7
100
#F4E6EC
200
#ECCBD8
300
#DEA6BC
400
#CB7698
500
#B94674
600
#94385D
700
#772D4A
800
#5D233A
900
#441D2C
950
#2B121C

Contrast Checker

Text on white

3.85:1

AA Fail AAA Fail

Text on black

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