#C408AA

#C408AA

Color Values

HEX

#C408AA

RGB

196, 8, 170

HSL

308.3, 92.2%, 40.0%

HSV

308.3, 95.9%, 76.9%

CMYK

0.0%, 95.9%, 13.3%, 23.1%

OKLCH

0.5622 0.2458 336.0

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#C408AA

#08C422

Analogous

#8008C4

#C4084C

#C408AA

Triadic

#C408AA

#AAC408

#08AAC4

Split Complementary

#C408AA

#4CC408

#08C480

Tetradic

#C408AA

#C48008

#08C422

#084CC4

Color Blindness Simulation

Original

#C408AA

Protanopia

#737183

Deuteranopia

#7E8C79

Tritanopia

#BB645D

Achromatopsia

#3C3C3C

CSS Usage

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

Tailwind Shades

50
#FDF1FC
100
#FBDFF7
200
#FCBAF3
300
#FA89EB
400
#F84AE0
500
#F50AD5
600
#C408AA
700
#9D0688
800
#7B056A
900
#59084E
950
#380531

Contrast Checker

Text on white

5.3:1

AA Pass AAA Fail

Text on black

3.96:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026