#645762

#645762

Color Values

HEX

#645762

RGB

100, 87, 98

HSL

309.2, 7.0%, 36.7%

HSV

309.2, 13.0%, 39.2%

CMYK

0.0%, 13.0%, 2.0%, 60.8%

OKLCH

0.4732 0.024 331.0

Properties

Warm Dark Nearest: RAL 4012 Pearl Blackberry

Color Harmonies

Complementary

#645762

#576459

Analogous

#605764

#64575C

#645762

Triadic

#645762

#626457

#576264

Split Complementary

#645762

#5C6457

#576460

Tetradic

#645762

#646057

#576459

#575C64

Color Blindness Simulation

Original

#645762

Protanopia

#5E5E5F

Deuteranopia

#5F605F

Tritanopia

#635D5D

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EEECEE
200
#DED9DD
300
#C6BEC5
400
#A79AA5
500
#887786
600
#6D5F6B
700
#574C56
800
#443B43
900
#342D33
950
#211D20

Contrast Checker

Text on white

6.81:1

AA Pass AAA Fail

Text on black

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