#848C69

#848C69

Color Values

HEX

#848C69

RGB

132, 140, 105

HSL

73.7, 14.3%, 48.0%

HSV

73.7, 25.0%, 54.9%

CMYK

5.7%, 0.0%, 25.0%, 45.1%

OKLCH

0.624 0.0512 118.4

Properties

Cool Light Nearest: RAL 7034 Yellow Grey

Color Harmonies

Complementary

#848C69

#71698C

Analogous

#8C8269

#728C69

#848C69

Triadic

#848C69

#69848C

#8C6984

Split Complementary

#848C69

#69728C

#82698C

Tetradic

#848C69

#698C82

#71698C

#8C6972

Color Blindness Simulation

Original

#848C69

Protanopia

#878871

Deuteranopia

#878674

Tritanopia

#84787A

Achromatopsia

#888888

CSS Usage

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

Tailwind Shades

50
#F8F8F6
100
#EEEFEB
200
#DEE0D6
300
#C7CBB9
400
#A8AE93
500
#89926D
600
#6E7557
700
#585D46
800
#454937
900
#34372A
950
#21231B

Contrast Checker

Text on white

3.54:1

AA Fail AAA Fail

Text on black

5.94:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026