#645053

#645053

Color Values

HEX

#645053

RGB

100, 80, 83

HSL

351.0, 11.1%, 35.3%

HSV

351.0, 20.0%, 39.2%

CMYK

0.0%, 20.0%, 17.0%, 60.8%

OKLCH

0.4527 0.0271 8.1

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#645053

#506461

Analogous

#64505D

#645750

#645053

Triadic

#645053

#536450

#505364

Split Complementary

#645053

#506457

#505D64

Tetradic

#645053

#5D6450

#506461

#575064

Color Blindness Simulation

Original

#645053

Protanopia

#5B5B52

Deuteranopia

#5C5E52

Tritanopia

#635252

Achromatopsia

#545454

CSS Usage

background-color: #645053;
color: #645053;
border-color: #645053;
Nearest Tailwind: Stone 600 #57534E

Tailwind Shades

50
#F8F7F7
100
#EFEBEC
200
#DFD7D9
300
#C9BBBD
400
#AB9699
500
#8E7176
600
#715B5E
700
#5B494B
800
#47393B
900
#352C2D
950
#221C1C

Contrast Checker

Text on white

7.46:1

AA Pass AAA Pass

Text on black

2.81:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026