#766A7C

#766A7C

Color Values

HEX

#766A7C

RGB

118, 106, 124

HSL

280.0, 7.8%, 45.1%

HSV

280.0, 14.5%, 48.6%

CMYK

4.8%, 14.5%, 0.0%, 51.4%

OKLCH

0.5417 0.0311 314.5

Properties

Cool Dark Nearest: RAL 4012 Pearl Blackberry

Color Harmonies

Complementary

#766A7C

#707C6A

Analogous

#6D6A7C

#7C6A79

#766A7C

Triadic

#766A7C

#7C766A

#6A7C76

Split Complementary

#766A7C

#797C6A

#6A7C6D

Tetradic

#766A7C

#7C6D6A

#707C6A

#6A797C

Color Blindness Simulation

Original

#766A7C

Protanopia

#717178

Deuteranopia

#727277

Tritanopia

#757473

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EEECEE
200
#DCD9DE
300
#C3BDC7
400
#A399A8
500
#837689
600
#695E6E
700
#544B58
800
#413B45
900
#322D34
950
#1F1C21

Contrast Checker

Text on white

5.09:1

AA Pass AAA Fail

Text on black

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