#C7057F

#C7057F

Color Values

HEX

#C7057F

RGB

199, 5, 127

HSL

322.3, 95.1%, 40.0%

HSV

322.3, 97.5%, 78.0%

CMYK

0.0%, 97.5%, 36.2%, 22.0%

OKLCH

0.5465 0.2249 351.5

Properties

Warm Dark Nearest: mediumvioletred

Color Harmonies

Complementary

#C7057F

#05C74D

Analogous

#AE05C7

#C7051E

#C7057F

Triadic

#C7057F

#7FC705

#057FC7

Split Complementary

#C7057F

#1EC705

#05C7AE

Tetradic

#C7057F

#C7AE05

#05C74D

#051EC7

Color Blindness Simulation

Original

#C7057F

Protanopia

#737162

Deuteranopia

#7E8D5A

Tritanopia

#BD4A45

Achromatopsia

#373737

CSS Usage

background-color: #C7057F;
color: #C7057F;
border-color: #C7057F;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FEF1F9
100
#FCDFF1
200
#FDB9E4
300
#FC88D1
400
#FA47B8
500
#F9069F
600
#C7057F
700
#9F0466
800
#7C034F
900
#5A073B
950
#390425

Contrast Checker

Text on white

5.59:1

AA Pass AAA Fail

Text on black

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