#C6277B

#C6277B

Color Values

HEX

#C6277B

RGB

198, 39, 123

HSL

328.3, 67.1%, 46.5%

HSV

328.3, 80.3%, 77.6%

CMYK

0.0%, 80.3%, 37.9%, 22.4%

OKLCH

0.557 0.2042 354.3

Properties

Warm Dark Nearest: violetred 3

Color Harmonies

Complementary

#C6277B

#27C672

Analogous

#C227C6

#C6272C

#C6277B

Triadic

#C6277B

#7BC627

#277BC6

Split Complementary

#C6277B

#2CC627

#27C6C2

Tetradic

#C6277B

#C6C227

#27C672

#272CC6

Color Blindness Simulation

Original

#C6277B

Protanopia

#818067

Deuteranopia

#8A9662

Tritanopia

#BE5753

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

50
#FCF3F8
100
#F7E3EE
200
#F3C3DD
300
#EB99C4
400
#E061A4
500
#D52A84
600
#AA226A
700
#881B55
800
#6B1542
900
#4E1332
950
#310C20

Contrast Checker

Text on white

5.28:1

AA Pass AAA Fail

Text on black

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