#706368

#706368

Color Values

HEX

#706368

RGB

112, 99, 104

HSL

336.9, 6.2%, 41.4%

HSV

336.9, 11.6%, 43.9%

CMYK

0.0%, 11.6%, 7.1%, 56.1%

OKLCH

0.5136 0.0182 352.5

Properties

Warm Dark Nearest: RAL 4012 Pearl Blackberry

Color Harmonies

Complementary

#706368

#63706B

Analogous

#70636F

#706563

#706368

Triadic

#706368

#687063

#636870

Split Complementary

#706368

#637065

#636F70

Tetradic

#706368

#6F7063

#63706B

#656370

Color Blindness Simulation

Original

#706368

Protanopia

#6A6A67

Deuteranopia

#6B6C66

Tritanopia

#6F6666

Achromatopsia

#666666

CSS Usage

background-color: #706368;
color: #706368;
border-color: #706368;
Nearest Tailwind: Zinc 500 #71717A

Tailwind Shades

50
#F8F7F7
100
#EEECED
200
#DED9DB
300
#C6BEC1
400
#A69B9F
500
#87787E
600
#6C6065
700
#574D50
800
#443C3F
900
#332E30
950
#201D1E

Contrast Checker

Text on white

5.72:1

AA Pass AAA Fail

Text on black

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