#670C41

#670C41

Color Values

HEX

#670C41

RGB

103, 12, 65

HSL

325.1, 79.1%, 22.5%

HSV

325.1, 88.3%, 40.4%

CMYK

0.0%, 88.3%, 36.9%, 59.6%

OKLCH

0.3455 0.1315 351.4

Properties

Warm Dark Nearest: violetred 4

Color Harmonies

Complementary

#670C41

#0C6732

Analogous

#5F0C67

#670C13

#670C41

Triadic

#670C41

#41670C

#0C4167

Split Complementary

#670C41

#13670C

#0C675F

Tetradic

#670C41

#675F0C

#0C6732

#0C1367

Color Blindness Simulation

Original

#670C41

Protanopia

#403F34

Deuteranopia

#454C31

Tritanopia

#622A28

Achromatopsia

#232323

CSS Usage

background-color: #670C41;
color: #670C41;
border-color: #670C41;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#FCF2F8
100
#F9E1EF
200
#F8BFE0
300
#F291CA
400
#EB56AD
500
#E41B90
600
#B71573
700
#92115C
800
#720D48
900
#530E36
950
#340922

Contrast Checker

Text on white

12.31:1

AA Pass AAA Pass

Text on black

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