#CC498F

#CC498F

Color Values

HEX

#CC498F

RGB

204, 73, 143

HSL

327.9, 56.2%, 54.3%

HSV

327.9, 64.2%, 80.0%

CMYK

0.0%, 64.2%, 29.9%, 20.0%

OKLCH

0.6044 0.1798 350.8

Properties

Warm Light Nearest: Mulberry

Color Harmonies

Complementary

#CC498F

#49CC86

Analogous

#C749CC

#CC494E

#CC498F

Triadic

#CC498F

#8FCC49

#498FCC

Split Complementary

#CC498F

#4ECC49

#49CCC7

Tetradic

#CC498F

#CCC749

#49CC86

#494ECC

Color Blindness Simulation

Original

#CC498F

Protanopia

#93927E

Deuteranopia

#9BA57A

Tritanopia

#C5716E

Achromatopsia

#6A6A6A

CSS Usage

background-color: #CC498F;
color: #CC498F;
border-color: #CC498F;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FBF4F8
100
#F6E5EE
200
#EFC7DD
300
#E49FC4
400
#D66CA4
500
#C73885
600
#9F2D6A
700
#7F2455
800
#641C42
900
#491832
950
#2E0F20

Contrast Checker

Text on white

4.27:1

AA Fail AAA Fail

Text on black

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