#C8047F

#C8047F

Color Values

HEX

#C8047F

RGB

200, 4, 127

HSL

322.3, 96.1%, 40.0%

HSV

322.3, 98.0%, 78.4%

CMYK

0.0%, 98.0%, 36.5%, 21.6%

OKLCH

0.5481 0.2258 351.8

Properties

Warm Dark Nearest: mediumvioletred

Color Harmonies

Complementary

#C8047F

#04C84D

Analogous

#AF04C8

#C8041D

#C8047F

Triadic

#C8047F

#7FC804

#047FC8

Split Complementary

#C8047F

#1DC804

#04C8AF

Tetradic

#C8047F

#C8AF04

#04C84D

#041DC8

Color Blindness Simulation

Original

#C8047F

Protanopia

#737161

Deuteranopia

#7E8D5A

Tritanopia

#BE4A45

Achromatopsia

#373737

CSS Usage

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

Tailwind Shades

50
#FEF1F9
100
#FCDFF1
200
#FEB9E4
300
#FD87D1
400
#FB46B8
500
#FA059F
600
#C8047F
700
#A00366
800
#7D024F
900
#5A073B
950
#390425

Contrast Checker

Text on white

5.56:1

AA Pass AAA Fail

Text on black

3.78:1

AA Fail 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