#C04880

#C04880

Color Values

HEX

#C04880

RGB

192, 72, 128

HSL

332,0, 48,8%, 51,8%

HSV

332,0, 62,5%, 75,3%

CMYK

0,0%, 62,5%, 33,3%, 24,7%

OKLCH

0,5797 0,1635 354,5

Properties

Warm Dark Nearest: Mulberry

Color Harmonies

Complementary

#C04880

#48C088

Analogous

#C048BC

#C04C48

#C04880

Triadic

#C04880

#80C048

#4880C0

Split Complementary

#C04880

#48C04C

#48BCC0

Tetradic

#C04880

#BCC048

#48C088

#4C48C0

Color Blindness Simulation

Original

#C04880

Protanopia

#8C8B72

Deuteranopia

#939C6F

Tritanopia

#BA6865

Achromatopsia

#666666

CSS Usage

background-color: #C04880;
color: #C04880;
border-color: #C04880;
Nearest Tailwind: Pink 700 #BE185D

Tailwind Shades

50
#FBF4F7
100
#F5E6ED
200
#EDCADA
300
#E0A4C0
400
#CF739E
500
#BE417B
600
#983463
700
#792A4F
800
#5F213E
900
#461B2F
950
#2C111E

Contrast Checker

Text on white

4,69:1

AA Pass AAA Fail

Text on black

4,48:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026