#6D886E

#6D886E

Color Values

HEX

#6D886E

RGB

109, 136, 110

HSL

122.2, 11.0%, 48.0%

HSV

122.2, 19.9%, 53.3%

CMYK

19.9%, 0.0%, 19.1%, 46.7%

OKLCH

0.5981 0.0498 145.9

Properties

Cool Light Nearest: darkseagreen 4

Color Harmonies

Complementary

#6D886E

#886D87

Analogous

#79886D

#6D887B

#6D886E

Triadic

#6D886E

#6E6D88

#886E6D

Split Complementary

#6D886E

#7B6D88

#886D79

Tetradic

#6D886E

#6D7988

#886D87

#887B6D

Color Blindness Simulation

Original

#6D886E

Protanopia

#797974

Deuteranopia

#777576

Tritanopia

#6E797A

Achromatopsia

#808080

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#EBEFEC
200
#D7DFD8
300
#BBC9BC
400
#96AB97
500
#718E73
600
#5B715C
700
#495B49
800
#394739
900
#2C352C
950
#1C221C

Contrast Checker

Text on white

3.89:1

AA Fail AAA Fail

Text on black

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