#C65993

#C65993

Color Values

HEX

#C65993

RGB

198, 89, 147

HSL

328.1, 48.9%, 56.3%

HSV

328.1, 55.1%, 77.6%

CMYK

0.0%, 55.1%, 25.8%, 22.4%

OKLCH

0.6169 0.1532 349.4

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#C65993

#59C68C

Analogous

#C359C6

#C6595D

#C65993

Triadic

#C65993

#93C659

#5993C6

Split Complementary

#C65993

#5DC659

#59C6C3

Tetradic

#C65993

#C6C359

#59C68C

#595DC6

Color Blindness Simulation

Original

#C65993

Protanopia

#979685

Deuteranopia

#9DA582

Tritanopia

#C17A77

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#FBF4F8
100
#F5E6EE
200
#EDCADC
300
#E0A4C4
400
#CF73A4
500
#BE4183
600
#983469
700
#7A2A54
800
#5F2142
900
#461B32
950
#2C111F

Contrast Checker

Text on white

4.0:1

AA Fail AAA Fail

Text on black

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