#634656

#634656

Color Values

HEX

#634656

RGB

99, 70, 86

HSL

326.9, 17.2%, 33.1%

HSV

326.9, 29.3%, 38.8%

CMYK

0.0%, 29.3%, 13.1%, 61.2%

OKLCH

0.4314 0.0463 345.0

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#634656

#466353

Analogous

#614663

#634647

#634656

Triadic

#634656

#566346

#465663

Split Complementary

#634656

#476346

#466361

Tetradic

#634656

#636146

#466353

#464763

Color Blindness Simulation

Original

#634656

Protanopia

#565652

Deuteranopia

#585A51

Tritanopia

#624F4E

Achromatopsia

#4D4D4D

CSS Usage

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

Tailwind Shades

50
#F8F6F7
100
#F0EBED
200
#E1D5DC
300
#CCB7C3
400
#B190A2
500
#956A82
600
#785468
700
#604453
800
#4B3541
900
#382931
950
#231A1F

Contrast Checker

Text on white

8.26:1

AA Pass AAA Pass

Text on black

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