#634450

#634450

Color Values

HEX

#634450

RGB

99, 68, 80

HSL

336.8, 18.6%, 32.7%

HSV

336.8, 31.3%, 38.8%

CMYK

0.0%, 31.3%, 19.2%, 61.2%

OKLCH

0.4251 0.0462 354.3

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#634450

#446357

Analogous

#63445F

#634744

#634450

Triadic

#634450

#506344

#445063

Split Complementary

#634450

#446347

#445F63

Tetradic

#634450

#5F6344

#446357

#474463

Color Blindness Simulation

Original

#634450

Protanopia

#56554D

Deuteranopia

#575A4C

Tritanopia

#614B4A

Achromatopsia

#4B4B4B

CSS Usage

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

Tailwind Shades

50
#F9F6F7
100
#F0EAED
200
#E2D5DA
300
#CDB6BF
400
#B28F9D
500
#97687A
600
#795362
700
#61424E
800
#4C343D
900
#39282F
950
#24191D

Contrast Checker

Text on white

8.49:1

AA Pass AAA Pass

Text on black

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