#C320AC

#C320AC

Color Values

HEX

#C320AC

RGB

195, 32, 172

HSL

308,5, 71,8%, 44,5%

HSV

308,5, 83,6%, 76,5%

CMYK

0,0%, 83,6%, 11,8%, 23,5%

OKLCH

0,57 0,2352 335,2

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#C320AC

#20C337

Analogous

#8920C3

#C3205A

#C320AC

Triadic

#C320AC

#ACC320

#20ACC3

Split Complementary

#C320AC

#5AC320

#20C389

Tetradic

#C320AC

#C38920

#20C337

#205AC3

Color Blindness Simulation

Original

#C320AC

Protanopia

#7C7B8A

Deuteranopia

#869282

Tritanopia

#BB6F6A

Achromatopsia

#4D4D4D

CSS Usage

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

Tailwind Shades

50
#FCF3FB
100
#F8E2F5
200
#F5C2EE
300
#EE96E1
400
#E45DD1
500
#DB24C1
600
#AF1D9A
700
#8C177C
800
#6E1261
900
#501147
950
#320B2D

Contrast Checker

Text on white

5,09:1

AA Pass AAA Fail

Text on black

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