#704557

#704557

Color Values

HEX

#704557

RGB

112, 69, 87

HSL

334.9, 23.8%, 35.5%

HSV

334.9, 38.4%, 43.9%

CMYK

0.0%, 38.4%, 22.3%, 56.1%

OKLCH

0.4461 0.0641 353.3

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#704557

#45705E

Analogous

#70456D

#704845

#704557

Triadic

#704557

#577045

#455770

Split Complementary

#704557

#457048

#456D70

Tetradic

#704557

#6D7045

#45705E

#484570

Color Blindness Simulation

Original

#704557

Protanopia

#5D5D53

Deuteranopia

#606352

Tritanopia

#6E4F4E

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

50
#F9F6F7
100
#F1EAED
200
#E4D3DA
300
#D0B3BF
400
#B78A9D
500
#9E617B
600
#7E4E62
700
#653E4E
800
#4F313D
900
#3B262F
950
#25181E

Contrast Checker

Text on white

7.84:1

AA Pass AAA Pass

Text on black

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