#C40BC9

#C40BC9

Color Values

HEX

#C40BC9

RGB

196, 11, 201

HSL

298.4, 89.6%, 41.6%

HSV

298.4, 94.5%, 78.8%

CMYK

2.5%, 94.5%, 0.0%, 21.2%

OKLCH

0.5809 0.2649 327.0

Properties

Cool Dark Nearest: magenta 3

Color Harmonies

Complementary

#C40BC9

#10C90B

Analogous

#650BC9

#C90B6F

#C40BC9

Triadic

#C40BC9

#C9C40B

#0BC9C4

Split Complementary

#C40BC9

#6FC90B

#0BC965

Tetradic

#C40BC9

#C9650B

#10C90B

#0B6FC9

Color Blindness Simulation

Original

#C40BC9

Protanopia

#74729B

Deuteranopia

#7F8C90

Tritanopia

#BB776F

Achromatopsia

#404040

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#FAE0FB
200
#FABBFB
300
#F68BF9
400
#F14CF5
500
#EC0DF2
600
#BD0BC1
700
#97089B
800
#760779
900
#550958
950
#360637

Contrast Checker

Text on white

4.95:1

AA Pass AAA Fail

Text on black

4.24:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026