#857666

#857666

Color Values

HEX

#857666

RGB

133, 118, 102

HSL

31.0, 13.2%, 46.1%

HSV

31.0, 23.3%, 52.2%

CMYK

0.0%, 11.3%, 23.3%, 47.8%

OKLCH

0.5751 0.0302 69.0

Properties

Warm Light Nearest: peachpuff 4

Color Harmonies

Complementary

#857666

#667585

Analogous

#856766

#858566

#857666

Triadic

#857666

#668576

#766685

Split Complementary

#857666

#668585

#676685

Tetradic

#857666

#668567

#667585

#856685

Color Blindness Simulation

Original

#857666

Protanopia

#7F7E6A

Deuteranopia

#7F806B

Tritanopia

#846D6E

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#F8F7F6
100
#EFEDEB
200
#E0DBD7
300
#CAC2BA
400
#ADA194
500
#90806F
600
#736659
700
#5C5247
800
#484037
900
#36312B
950
#221F1B

Contrast Checker

Text on white

4.39:1

AA Fail AAA Fail

Text on black

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