#C408BA

#C408BA

Color Values

HEX

#C408BA

RGB

196, 8, 186

HSL

303.2, 92.2%, 40.0%

HSV

303.2, 95.9%, 76.9%

CMYK

0.0%, 95.9%, 5.1%, 23.1%

OKLCH

0.5712 0.2558 331.2

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#C408BA

#08C412

Analogous

#7008C4

#C4085C

#C408BA

Triadic

#C408BA

#BAC408

#08BAC4

Split Complementary

#C408BA

#5CC408

#08C470

Tetradic

#C408BA

#C47008

#08C412

#085CC4

Color Blindness Simulation

Original

#C408BA

Protanopia

#73718F

Deuteranopia

#7E8C85

Tritanopia

#BB6D65

Achromatopsia

#3D3D3D

CSS Usage

background-color: #C408BA;
color: #C408BA;
border-color: #C408BA;
Nearest Tailwind: Fuchsia 600 #C026D3

Tailwind Shades

50
#FDF1FD
100
#FBDFFA
200
#FCBAF9
300
#FA89F4
400
#F84AEE
500
#F50AE9
600
#C408BA
700
#9D0695
800
#7B0574
900
#590854
950
#380535

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

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