#C408B2

#C408B2

Color Values

HEX

#C408B2

RGB

196, 8, 178

HSL

305.7, 92.2%, 40.0%

HSV

305.7, 95.9%, 76.9%

CMYK

0.0%, 95.9%, 9.2%, 23.1%

OKLCH

0.5666 0.2507 333.5

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#C408B2

#08C41A

Analogous

#7808C4

#C40854

#C408B2

Triadic

#C408B2

#B2C408

#08B2C4

Split Complementary

#C408B2

#54C408

#08C478

Tetradic

#C408B2

#C47808

#08C41A

#0854C4

Color Blindness Simulation

Original

#C408B2

Protanopia

#737189

Deuteranopia

#7E8C7F

Tritanopia

#BB6861

Achromatopsia

#3C3C3C

CSS Usage

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

Tailwind Shades

50
#FDF1FC
100
#FBDFF8
200
#FCBAF6
300
#FA89F0
400
#F84AE7
500
#F50ADF
600
#C408B2
700
#9D068F
800
#7B056F
900
#590851
950
#380533

Contrast Checker

Text on white

5.22:1

AA Pass AAA Fail

Text on black

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