#643B50

#643B50

Color Values

HEX

#643B50

RGB

100, 59, 80

HSL

329.3, 25.8%, 31.2%

HSV

329.3, 41.0%, 39.2%

CMYK

0.0%, 41.0%, 20.0%, 60.8%

OKLCH

0.4087 0.0649 348.3

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#643B50

#3B644F

Analogous

#643B64

#643B3C

#643B50

Triadic

#643B50

#50643B

#3B5064

Split Complementary

#643B50

#3C643B

#3B6464

Tetradic

#643B50

#64643B

#3B644F

#3B3C64

Color Blindness Simulation

Original

#643B50

Protanopia

#52524B

Deuteranopia

#55584A

Tritanopia

#624746

Achromatopsia

#454545

CSS Usage

background-color: #643B50;
color: #643B50;
border-color: #643B50;
Nearest Tailwind: Zinc 600 #52525B

Tailwind Shades

50
#F9F6F7
100
#F1E9ED
200
#E5D2DC
300
#D2B2C2
400
#B988A1
500
#A05F80
600
#804C67
700
#673D52
800
#502F40
900
#3C2531
950
#26171F

Contrast Checker

Text on white

9.2:1

AA Pass AAA Pass

Text on black

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