#704F63

#704F63

Color Values

HEX

#704F63

RGB

112, 79, 99

HSL

323.6, 17.3%, 37.5%

HSV

323.6, 29.5%, 43.9%

CMYK

0.0%, 29.5%, 11.6%, 56.1%

OKLCH

0.4699 0.053 342.3

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#704F63

#4F705C

Analogous

#6D4F70

#704F53

#704F63

Triadic

#704F63

#63704F

#4F6370

Split Complementary

#704F63

#53704F

#4F706D

Tetradic

#704F63

#706D4F

#4F705C

#4F5370

Color Blindness Simulation

Original

#704F63

Protanopia

#62615E

Deuteranopia

#64665D

Tritanopia

#6E5A5A

Achromatopsia

#575757

CSS Usage

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

Tailwind Shades

50
#F8F6F8
100
#F0EBEE
200
#E1D5DD
300
#CCB7C4
400
#B190A4
500
#966984
600
#78546A
700
#604355
800
#4B3542
900
#382932
950
#231A20

Contrast Checker

Text on white

7.03:1

AA Pass AAA Pass

Text on black

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