#748A72

#748A72

Color Values

HEX

#748A72

RGB

116, 138, 114

HSL

115.0, 9.5%, 49.4%

HSV

115.0, 17.4%, 54.1%

CMYK

15.9%, 0.0%, 17.4%, 45.9%

OKLCH

0.609 0.0438 142.8

Properties

Cool Light Nearest: RAL 7033 Cement Grey

Color Harmonies

Complementary

#748A72

#88728A

Analogous

#808A72

#728A7C

#748A72

Triadic

#748A72

#72748A

#8A7274

Split Complementary

#748A72

#7C728A

#8A7280

Tetradic

#748A72

#72808A

#88728A

#8A7C72

Color Blindness Simulation

Original

#748A72

Protanopia

#7E7E78

Deuteranopia

#7C7B79

Tritanopia

#757C7D

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

3.74:1

AA Fail AAA Fail

Text on black

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