#728472

#728472

Color Values

HEX

#728472

RGB

114, 132, 114

HSL

120.0, 7.3%, 48.2%

HSV

120.0, 13.6%, 51.8%

CMYK

13.6%, 0.0%, 13.6%, 48.2%

OKLCH

0.5934 0.0342 145.1

Properties

Cool Light Nearest: RAL 7033 Cement Grey

Color Harmonies

Complementary

#728472

#847284

Analogous

#7B8472

#72847B

#728472

Triadic

#728472

#727284

#847272

Split Complementary

#728472

#7B7284

#84727B

Tetradic

#728472

#727B84

#847284

#847B72

Color Blindness Simulation

Original

#728472

Protanopia

#7A7A76

Deuteranopia

#797777

Tritanopia

#737A7B

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#ECEEEC
200
#D9DED9
300
#BDC6BD
400
#9AA89A
500
#768976
600
#5F6D5F
700
#4C584C
800
#3B443B
900
#2D342D
950
#1D211D

Contrast Checker

Text on white

3.99:1

AA Fail AAA Fail

Text on black

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