#704864

#704864

Color Values

HEX

#704864

RGB

112, 72, 100

HSL

318.0, 21.7%, 36.1%

HSV

318.0, 35.7%, 43.9%

CMYK

0.0%, 35.7%, 10.7%, 56.1%

OKLCH

0.4567 0.0679 338.5

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#704864

#487054

Analogous

#684870

#704850

#704864

Triadic

#704864

#647048

#486470

Split Complementary

#704864

#507048

#487068

Tetradic

#704864

#706848

#487054

#485070

Color Blindness Simulation

Original

#704864

Protanopia

#5F5E5D

Deuteranopia

#61645C

Tritanopia

#6E5857

Achromatopsia

#535353

CSS Usage

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

Tailwind Shades

50
#F9F6F8
100
#F0EAEE
200
#E3D4DE
300
#CFB5C7
400
#B58CA9
500
#9B648B
600
#7C506F
700
#634059
800
#4E3245
900
#3A2734
950
#251921

Contrast Checker

Text on white

7.5:1

AA Pass AAA Pass

Text on black

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