#748B73

#748B73

Color Values

HEX

#748B73

RGB

116, 139, 115

HSL

117.5, 9.4%, 49.8%

HSV

117.5, 17.3%, 54.5%

CMYK

16.5%, 0.0%, 17.3%, 45.5%

OKLCH

0.6116 0.0444 143.9

Properties

Cool Light Nearest: RAL 7033 Cement Grey

Color Harmonies

Complementary

#748B73

#8A738B

Analogous

#808B73

#738B7E

#748B73

Triadic

#748B73

#73748B

#8B7374

Split Complementary

#748B73

#7E738B

#8B7380

Tetradic

#748B73

#73808B

#8A738B

#8B7E73

Color Blindness Simulation

Original

#748B73

Protanopia

#7E7E79

Deuteranopia

#7D7B7A

Tritanopia

#757D7E

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#ECEFEC
200
#D8DFD8
300
#BDC8BC
400
#99AA98
500
#758B74
600
#5D705C
700
#4B594A
800
#3A463A
900
#2D352C
950
#1C211C

Contrast Checker

Text on white

3.7:1

AA Fail AAA Fail

Text on black

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