#C65481

#C65481

Color Values

HEX

#C65481

RGB

198, 84, 129

HSL

336.3, 50.0%, 55.3%

HSV

336.3, 57.6%, 77.6%

CMYK

0.0%, 57.6%, 34.8%, 22.4%

OKLCH

0.604 0.1523 358.0

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#C65481

#54C699

Analogous

#C654BA

#C66054

#C65481

Triadic

#C65481

#81C654

#5481C6

Split Complementary

#C65481

#54C660

#54BAC6

Tetradic

#C65481

#BAC654

#54C699

#6054C6

Color Blindness Simulation

Original

#C65481

Protanopia

#959476

Deuteranopia

#9BA474

Tritanopia

#C06E6C

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#FBF4F7
100
#F5E6EC
200
#EDC9D8
300
#E0A3BB
400
#D07197
500
#BF4072
600
#99335B
700
#7A2949
800
#602039
900
#461B2C
950
#2C111C

Contrast Checker

Text on white

4.21:1

AA Fail AAA Fail

Text on black

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