#C40FC6

#C40FC6

Color Values

HEX

#C40FC6

RGB

196, 15, 198

HSL

299.3, 85.9%, 41.8%

HSV

299.3, 92.4%, 77.6%

CMYK

1.0%, 92.4%, 0.0%, 22.4%

OKLCH

0.58 0.2616 327.8

Properties

Cool Dark Nearest: magenta 3

Color Harmonies

Complementary

#C40FC6

#11C60F

Analogous

#680FC6

#C60F6D

#C40FC6

Triadic

#C40FC6

#C6C40F

#0FC6C4

Split Complementary

#C40FC6

#6DC60F

#0FC668

Tetradic

#C40FC6

#C6680F

#11C60F

#0F6DC6

Color Blindness Simulation

Original

#C40FC6

Protanopia

#76749A

Deuteranopia

#808E8F

Tritanopia

#BB776F

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#FAE0FA
200
#F9BDFA
300
#F58DF6
400
#F050F2
500
#EA12ED
600
#BC0EBE
700
#960C98
800
#750977
900
#550B56
950
#360736

Contrast Checker

Text on white

4.96:1

AA Pass AAA Fail

Text on black

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