#C408A3

#C408A3

Color Values

HEX

#C408A3

RGB

196, 8, 163

HSL

310.5, 92.2%, 40.0%

HSV

310.5, 95.9%, 76.9%

CMYK

0.0%, 95.9%, 16.8%, 23.1%

OKLCH

0.5585 0.2415 338.2

Properties

Warm Dark Nearest: maroon 3

Color Harmonies

Complementary

#C408A3

#08C429

Analogous

#8708C4

#C40845

#C408A3

Triadic

#C408A3

#A3C408

#08A3C4

Split Complementary

#C408A3

#45C408

#08C487

Tetradic

#C408A3

#C48708

#08C429

#0845C4

Color Blindness Simulation

Original

#C408A3

Protanopia

#73717E

Deuteranopia

#7E8C74

Tritanopia

#BB6059

Achromatopsia

#3B3B3B

CSS Usage

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

Tailwind Shades

50
#FDF1FB
100
#FBDFF6
200
#FCBAF1
300
#FA89E6
400
#F84AD9
500
#F50ACC
600
#C408A3
700
#9D0683
800
#7B0566
900
#59084B
950
#38052F

Contrast Checker

Text on white

5.37:1

AA Pass AAA Fail

Text on black

3.91: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