#849C89

#849C89

Color Values

HEX

#849C89

RGB

132, 156, 137

HSL

132.5, 10.8%, 56.5%

HSV

132.5, 15.4%, 61.2%

CMYK

15.4%, 0.0%, 12.2%, 38.8%

OKLCH

0.6686 0.0388 151.4

Properties

Cool Light Nearest: RAL 7042 Traffic Grey A

Color Harmonies

Complementary

#849C89

#9C8497

Analogous

#8B9C84

#849C95

#849C89

Triadic

#849C89

#89849C

#9C8984

Split Complementary

#849C89

#95849C

#9C848B

Tetradic

#849C89

#848B9C

#9C8497

#9C9584

Color Blindness Simulation

Original

#849C89

Protanopia

#8E8F8E

Deuteranopia

#8D8B8F

Tritanopia

#859192

Achromatopsia

#969696

CSS Usage

background-color: #849C89;
color: #849C89;
border-color: #849C89;
Nearest Tailwind: Neutral 400 #A3A3A3

Tailwind Shades

50
#F7F8F7
100
#ECEFEC
200
#D7DFD9
300
#BBC8BE
400
#96AB9B
500
#728D77
600
#5B7160
700
#495A4C
800
#39473C
900
#2C352E
950
#1C221D

Contrast Checker

Text on white

2.96:1

AA Fail AAA Fail

Text on black

7.1:1

AA Pass AAA Pass

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