#746175

#746175

Color Values

HEX

#746175

RGB

116, 97, 117

HSL

297.0, 9.3%, 42.0%

HSV

297.0, 17.1%, 45.9%

CMYK

0.9%, 17.1%, 0.0%, 54.1%

OKLCH

0.518 0.0387 324.5

Properties

Cool Dark Nearest: RAL 4012 Pearl Blackberry

Color Harmonies

Complementary

#746175

#627561

Analogous

#6A6175

#75616C

#746175

Triadic

#746175

#757461

#617574

Split Complementary

#746175

#6C7561

#61756A

Tetradic

#746175

#756A61

#627561

#616C75

Color Blindness Simulation

Original

#746175

Protanopia

#6C6C70

Deuteranopia

#6D6E6F

Tritanopia

#736C6C

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EEECEF
200
#DED8DF
300
#C7BCC7
400
#A998A9
500
#8A748B
600
#6F5D6F
700
#584A59
800
#453A46
900
#342C35
950
#211C21

Contrast Checker

Text on white

5.66:1

AA Pass AAA Fail

Text on black

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