#704D63

#704D63

Color Values

HEX

#704D63

RGB

112, 77, 99

HSL

322.3, 18.5%, 37.1%

HSV

322.3, 31.3%, 43.9%

CMYK

0.0%, 31.2%, 11.6%, 56.1%

OKLCH

0.466 0.057 341.4

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#704D63

#4D705A

Analogous

#6C4D70

#704D52

#704D63

Triadic

#704D63

#63704D

#4D6370

Split Complementary

#704D63

#52704D

#4D706C

Tetradic

#704D63

#706C4D

#4D705A

#4D5270

Color Blindness Simulation

Original

#704D63

Protanopia

#61615E

Deuteranopia

#63655C

Tritanopia

#6E5959

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#F9F6F8
100
#F0EAEE
200
#E2D5DD
300
#CDB6C5
400
#B28FA5
500
#976886
600
#79536B
700
#614355
800
#4C3443
900
#392833
950
#241A20

Contrast Checker

Text on white

7.17:1

AA Pass AAA Pass

Text on black

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