#74766C

#74766C

Color Values

HEX

#74766C

RGB

116, 118, 108

HSL

72.0, 4.4%, 44.3%

HSV

72.0, 8.5%, 46.3%

CMYK

1.7%, 0.0%, 8.5%, 53.7%

OKLCH

0.561 0.0153 116.1

Properties

Cool Dark Nearest: RAL 7023 Concrete Grey

Color Harmonies

Complementary

#74766C

#6E6C76

Analogous

#76736C

#6F766C

#74766C

Triadic

#74766C

#6C7476

#766C74

Split Complementary

#74766C

#6C6F76

#736C76

Tetradic

#74766C

#6C7673

#6E6C76

#766C6F

Color Blindness Simulation

Original

#74766C

Protanopia

#75756E

Deuteranopia

#75756F

Tritanopia

#747071

Achromatopsia

#757575

CSS Usage

background-color: #74766C;
color: #74766C;
border-color: #74766C;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F8F8F7
100
#EEEEEC
200
#DCDDDA
300
#C3C4BF
400
#A3A59C
500
#83857A
600
#696A62
700
#54554E
800
#41433D
900
#32322F
950
#1F201D

Contrast Checker

Text on white

4.61:1

AA Pass AAA Fail

Text on black

4.55:1

AA Pass 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