#704350

#704350

Color Values

HEX

#704350

RGB

112, 67, 80

HSL

342.7, 25.1%, 35.1%

HSV

342.7, 40.2%, 43.9%

CMYK

0.0%, 40.2%, 28.6%, 56.1%

OKLCH

0.4399 0.0645 1.4

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#704350

#437063

Analogous

#704366

#704D43

#704350

Triadic

#704350

#507043

#435070

Split Complementary

#704350

#43704D

#436670

Tetradic

#704350

#667043

#437063

#4D4370

Color Blindness Simulation

Original

#704350

Protanopia

#5D5C4D

Deuteranopia

#5F624C

Tritanopia

#6E4A4A

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#F9F6F7
100
#F1E9EC
200
#E4D2D8
300
#D1B2BB
400
#B88997
500
#A05F72
600
#804C5B
700
#663D49
800
#503039
900
#3B262C
950
#26181C

Contrast Checker

Text on white

8.05:1

AA Pass AAA Pass

Text on black

2.61:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026