#756774

#756774

Color Values

HEX

#756774

RGB

117, 103, 116

HSL

304.3, 6.4%, 43.1%

HSV

304.3, 12.0%, 45.9%

CMYK

0.0%, 12.0%, 0.9%, 54.1%

OKLCH

0.5314 0.0264 328.2

Properties

Warm Dark Nearest: RAL 4012 Pearl Blackberry

Color Harmonies

Complementary

#756774

#677568

Analogous

#6F6775

#75676D

#756774

Triadic

#756774

#747567

#677475

Split Complementary

#756774

#6D7567

#67756F

Tetradic

#756774

#756F67

#677568

#676D75

Color Blindness Simulation

Original

#756774

Protanopia

#6F6F71

Deuteranopia

#707170

Tritanopia

#746E6E

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EEECEE
200
#DED9DD
300
#C6BEC5
400
#A79BA6
500
#887786
600
#6D5F6C
700
#574C56
800
#443C43
900
#332E33
950
#201D20

Contrast Checker

Text on white

5.32:1

AA Pass AAA Fail

Text on black

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