#670C33

#670C33

Color Values

HEX

#670C33

RGB

103, 12, 51

HSL

334.3, 79.1%, 22.5%

HSV

334.3, 88.3%, 40.4%

CMYK

0.0%, 88.3%, 50.5%, 59.6%

OKLCH

0.34 0.1255 1.8

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#670C33

#0C6740

Analogous

#670C60

#67120C

#670C33

Triadic

#670C33

#33670C

#0C3367

Split Complementary

#670C33

#0C6712

#0C6067

Tetradic

#670C33

#60670C

#0C6740

#120C67

Color Blindness Simulation

Original

#670C33

Protanopia

#403F2A

Deuteranopia

#454C27

Tritanopia

#622220

Achromatopsia

#222222

CSS Usage

background-color: #670C33;
color: #670C33;
border-color: #670C33;
Nearest Tailwind: Pink 950 #500724

Tailwind Shades

50
#FCF2F7
100
#F9E1EB
200
#F8BFD7
300
#F291BB
400
#EB5696
500
#E41B71
600
#B7155A
700
#921148
800
#720D39
900
#530E2C
950
#34091B

Contrast Checker

Text on white

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