#C04AC0

#C04AC0

Color Values

HEX

#C04AC0

RGB

192, 74, 192

HSL

300.0, 48.4%, 52.2%

HSV

300.0, 61.5%, 75.3%

CMYK

0.0%, 61.5%, 0.0%, 24.7%

OKLCH

0.6102 0.204 327.7

Properties

Warm Light Nearest: mediumorchid 3

Color Harmonies

Complementary

#C04AC0

#4AC04A

Analogous

#854AC0

#C04A85

#C04AC0

Triadic

#C04AC0

#C0C04A

#4AC0C0

Split Complementary

#C04AC0

#85C04A

#4AC085

Tetradic

#C04AC0

#C0854A

#4AC04A

#4A85C0

Color Blindness Simulation

Original

#C04AC0

Protanopia

#8D8CA3

Deuteranopia

#949D9D

Tritanopia

#BA8D88

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#FAF4FA
100
#F4E6F4
200
#EDCAED
300
#DFA4DF
400
#CE73CE
500
#BD42BD
600
#973597
700
#792A79
800
#5F215F
900
#461B46
950
#2C112C

Contrast Checker

Text on white

4.22:1

AA Fail AAA Fail

Text on black

4.98:1

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