#C65986

#C65986

Color Values

HEX

#C65986

RGB

198, 89, 134

HSL

335.2, 48.9%, 56.3%

HSV

335.2, 55.1%, 77.6%

CMYK

0.0%, 55.1%, 32.3%, 22.4%

OKLCH

0.6123 0.1468 356.4

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#C65986

#59C699

Analogous

#C659BD

#C66359

#C65986

Triadic

#C65986

#86C659

#5986C6

Split Complementary

#C65986

#59C663

#59BDC6

Tetradic

#C65986

#BDC659

#59C699

#6359C6

Color Blindness Simulation

Original

#C65986

Protanopia

#97967B

Deuteranopia

#9DA578

Tritanopia

#C17371

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#FBF4F7
100
#F5E6EC
200
#EDCAD8
300
#E0A4BD
400
#CF7399
500
#BE4175
600
#98345D
700
#7A2A4B
800
#5F213A
900
#461B2D
950
#2C111C

Contrast Checker

Text on white

4.06:1

AA Fail AAA Fail

Text on black

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