#645058

#645058

Color Values

HEX

#645058

RGB

100, 80, 88

HSL

336.0, 11.1%, 35.3%

HSV

336.0, 20.0%, 39.2%

CMYK

0.0%, 20.0%, 12.0%, 60.8%

OKLCH

0.4544 0.0293 352.4

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#645058

#50645C

Analogous

#645062

#645250

#645058

Triadic

#645058

#586450

#505864

Split Complementary

#645058

#506452

#506264

Tetradic

#645058

#626450

#50645C

#525064

Color Blindness Simulation

Original

#645058

Protanopia

#5B5B56

Deuteranopia

#5C5E56

Tritanopia

#635554

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFEBED
200
#DFD7DB
300
#C9BBC0
400
#AB969F
500
#8E717D
600
#715B64
700
#5B4950
800
#47393E
900
#352C2F
950
#221C1E

Contrast Checker

Text on white

7.42:1

AA Pass AAA Pass

Text on black

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