#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026