#C8047E

#C8047E

Color Values

HEX

#C8047E

RGB

200, 4, 126

HSL

322.7, 96.1%, 40.0%

HSV

322.7, 98.0%, 78.4%

CMYK

0.0%, 98.0%, 37.0%, 21.6%

OKLCH

0.5477 0.2253 352.1

Properties

Warm Dark Nearest: mediumvioletred

Color Harmonies

Complementary

#C8047E

#04C84E

Analogous

#B004C8

#C8041C

#C8047E

Triadic

#C8047E

#7EC804

#047EC8

Split Complementary

#C8047E

#1CC804

#04C8B0

Tetradic

#C8047E

#C8B004

#04C84E

#041CC8

Color Blindness Simulation

Original

#C8047E

Protanopia

#737161

Deuteranopia

#7E8D59

Tritanopia

#BE4944

Achromatopsia

#363636

CSS Usage

background-color: #C8047E;
color: #C8047E;
border-color: #C8047E;
Nearest Tailwind: Pink 600 #DB2777

Tailwind Shades

50
#FEF1F9
100
#FCDFF1
200
#FEB9E4
300
#FD87D0
400
#FB46B7
500
#FA059D
600
#C8047E
700
#A00365
800
#7D024F
900
#5A073B
950
#390425

Contrast Checker

Text on white

5.56:1

AA Pass AAA Fail

Text on black

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