#C8048E

#C8048E

Color Values

HEX

#C8048E

RGB

200, 4, 142

HSL

317.8, 96.1%, 40.0%

HSV

317.8, 98.0%, 78.4%

CMYK

0.0%, 98.0%, 29.0%, 21.6%

OKLCH

0.5544 0.233 346.3

Properties

Warm Dark Nearest: mediumvioletred

Color Harmonies

Complementary

#C8048E

#04C83E

Analogous

#A004C8

#C8042C

#C8048E

Triadic

#C8048E

#8EC804

#048EC8

Split Complementary

#C8048E

#2CC804

#04C8A0

Tetradic

#C8048E

#C8A004

#04C83E

#042CC8

Color Blindness Simulation

Original

#C8048E

Protanopia

#73716D

Deuteranopia

#7E8D65

Tritanopia

#BE524C

Achromatopsia

#383838

CSS Usage

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

Tailwind Shades

50
#FEF1FA
100
#FCDFF3
200
#FEB9E9
300
#FD87DA
400
#FB46C6
500
#FA05B1
600
#C8048E
700
#A00371
800
#7D0259
900
#5A0741
950
#390429

Contrast Checker

Text on white

5.44:1

AA Pass AAA Fail

Text on black

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