#C407C5

#C407C5

Color Values

HEX

#C407C5

RGB

196, 7, 197

HSL

299.7, 93.1%, 40.0%

HSV

299.7, 96.4%, 77.3%

CMYK

0.5%, 96.4%, 0.0%, 22.7%

OKLCH

0.5776 0.2633 328.1

Properties

Cool Dark Nearest: magenta 3

Color Harmonies

Complementary

#C407C5

#08C507

Analogous

#6507C5

#C50767

#C407C5

Triadic

#C407C5

#C5C407

#07C5C4

Split Complementary

#C407C5

#67C507

#07C565

Tetradic

#C407C5

#C56507

#08C507

#0767C5

Color Blindness Simulation

Original

#C407C5

Protanopia

#727197

Deuteranopia

#7D8B8C

Tritanopia

#BB736B

Achromatopsia

#3D3D3D

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FBDFFB
200
#FCBAFD
300
#FA89FB
400
#F849F8
500
#F509F6
600
#C407C5
700
#9D069E
800
#7B047B
900
#590859
950
#380538

Contrast Checker

Text on white

5.02:1

AA Pass AAA Fail

Text on black

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