#C40F6A

#C40F6A

Color Values

HEX

#C40F6A

RGB

196, 15, 106

HSL

329.8, 85.8%, 41.4%

HSV

329.8, 92.3%, 76.9%

CMYK

0.0%, 92.3%, 45.9%, 23.1%

OKLCH

0.536 0.2115 359.3

Properties

Warm Dark Nearest: deeppink 3

Color Harmonies

Complementary

#C40F6A

#0FC469

Analogous

#C40FC4

#C40F10

#C40F6A

Triadic

#C40F6A

#6AC40F

#0F6AC4

Split Complementary

#C40F6A

#10C40F

#0FC4C4

Tetradic

#C40F6A

#C4C40F

#0FC469

#0F10C4

Color Blindness Simulation

Original

#C40F6A

Protanopia

#767454

Deuteranopia

#808E4F

Tritanopia

#BB433F

Achromatopsia

#3C3C3C

CSS Usage

background-color: #C40F6A;
color: #C40F6A;
border-color: #C40F6A;
Nearest Tailwind: Pink 600 #DB2777

Tailwind Shades

50
#FDF2F7
100
#FAE0ED
200
#FABDDC
300
#F68DC2
400
#F250A1
500
#ED1280
600
#BE0E67
700
#980C52
800
#760940
900
#560B31
950
#36071F

Contrast Checker

Text on white

5.8:1

AA Pass AAA Fail

Text on black

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