#670C36

#670C36

Color Values

HEX

#670C36

RGB

103, 12, 54

HSL

332.3, 79.1%, 22.5%

HSV

332.3, 88.3%, 40.4%

CMYK

0.0%, 88.3%, 47.6%, 59.6%

OKLCH

0.341 0.1266 359.6

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#670C36

#0C673D

Analogous

#670C63

#670F0C

#670C36

Triadic

#670C36

#36670C

#0C3667

Split Complementary

#670C36

#0C670F

#0C6367

Tetradic

#670C36

#63670C

#0C673D

#0F0C67

Color Blindness Simulation

Original

#670C36

Protanopia

#403F2C

Deuteranopia

#454C29

Tritanopia

#622422

Achromatopsia

#222222

CSS Usage

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

Tailwind Shades

50
#FCF2F7
100
#F9E1EC
200
#F8BFD9
300
#F291BE
400
#EB569B
500
#E41B78
600
#B71560
700
#92114D
800
#720D3C
900
#530E2E
950
#34091D

Contrast Checker

Text on white

12.48:1

AA Pass AAA Pass

Text on black

1.68:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026