#C6067F

#C6067F

Color Values

HEX

#C6067F

RGB

198, 6, 127

HSL

322.2, 94.1%, 40.0%

HSV

322.2, 97.0%, 77.6%

CMYK

0.0%, 97.0%, 35.9%, 22.4%

OKLCH

0.545 0.224 351.3

Properties

Warm Dark Nearest: mediumvioletred

Color Harmonies

Complementary

#C6067F

#06C64D

Analogous

#AD06C6

#C6061F

#C6067F

Triadic

#C6067F

#7FC606

#067FC6

Split Complementary

#C6067F

#1FC606

#06C6AD

Tetradic

#C6067F

#C6AD06

#06C64D

#061FC6

Color Blindness Simulation

Original

#C6067F

Protanopia

#737162

Deuteranopia

#7E8C5B

Tritanopia

#BC4B46

Achromatopsia

#383838

CSS Usage

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

Tailwind Shades

50
#FDF1F9
100
#FBDFF1
200
#FDBAE4
300
#FB88D1
400
#F948B8
500
#F7089F
600
#C6067F
700
#9E0566
800
#7C044F
900
#59073B
950
#390525

Contrast Checker

Text on white

5.62:1

AA Pass AAA Fail

Text on black

3.73:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026