#727766

#727766

Color Values

HEX

#727766

RGB

114, 119, 102

HSL

77.6, 7.7%, 43.3%

HSV

77.6, 14.3%, 46.7%

CMYK

4.2%, 0.0%, 14.3%, 53.3%

OKLCH

0.5599 0.0262 120.6

Properties

Cool Dark Nearest: RAL 7023 Concrete Grey

Color Harmonies

Complementary

#727766

#6B6677

Analogous

#777366

#697766

#727766

Triadic

#727766

#667277

#776672

Split Complementary

#727766

#666977

#736677

Tetradic

#727766

#667773

#6B6677

#776669

Color Blindness Simulation

Original

#727766

Protanopia

#74746A

Deuteranopia

#74746B

Tritanopia

#726D6E

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#F8F8F7
100
#EEEEEC
200
#DCDED9
300
#C4C7BD
400
#A4A899
500
#848976
600
#696E5E
700
#54584B
800
#42453B
900
#32342D
950
#1F211C

Contrast Checker

Text on white

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