#C804AF

#C804AF

Color Values

HEX

#C804AF

RGB

200, 4, 175

HSL

307,7, 96,1%, 40,0%

HSV

307,7, 98,0%, 78,4%

CMYK

0,0%, 98,0%, 12,5%, 21,6%

OKLCH

0,5707 0,2517 335,5

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#C804AF

#04C81D

Analogous

#7F04C8

#C8044D

#C804AF

Triadic

#C804AF

#AFC804

#04AFC8

Split Complementary

#C804AF

#4DC804

#04C87F

Tetradic

#C804AF

#C87F04

#04C81D

#044DC8

Color Blindness Simulation

Original

#C804AF

Protanopia

#737186

Deuteranopia

#7E8D7C

Tritanopia

#BE655E

Achromatopsia

#3A3A3A

CSS Usage

background-color: #C804AF;
color: #C804AF;
border-color: #C804AF;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#FEF1FC
100
#FCDFF8
200
#FEB9F5
300
#FD87EE
400
#FB46E4
500
#FA05DB
600
#C804AF
700
#A0038C
800
#7D026D
900
#5A0750
950
#390432

Contrast Checker

Text on white

5,13:1

AA Pass AAA Fail

Text on black

4,09: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