#C62067

#C62067

Color Values

HEX

#C62067

RGB

198, 32, 103

HSL

334.3, 72.2%, 45.1%

HSV

334.3, 83.8%, 77.6%

CMYK

0.0%, 83.8%, 48.0%, 22.4%

OKLCH

0.5461 0.2025 2.1

Properties

Warm Dark Nearest: RAL 4010 Telemagenta

Color Harmonies

Complementary

#C62067

#20C67F

Analogous

#C620BA

#C62C20

#C62067

Triadic

#C62067

#67C620

#2067C6

Split Complementary

#C62067

#20C62C

#20BAC6

Tetradic

#C62067

#BAC620

#20C67F

#2C20C6

Color Blindness Simulation

Original

#C62067

Protanopia

#7E7D56

Deuteranopia

#889452

Tritanopia

#BE4845

Achromatopsia

#484848

CSS Usage

background-color: #C62067;
color: #C62067;
border-color: #C62067;
Nearest Tailwind: Pink 700 #BE185D

Tailwind Shades

50
#FCF3F7
100
#F8E2EC
200
#F5C2D8
300
#EE96BB
400
#E55D97
500
#DC2372
600
#B01C5B
700
#8D1749
800
#6E1239
900
#50112C
950
#320B1C

Contrast Checker

Text on white

5.52:1

AA Pass AAA Fail

Text on black

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