#849387

#849387

Color Values

HEX

#849387

RGB

132, 147, 135

HSL

132.0, 6.5%, 54.7%

HSV

132.0, 10.2%, 57.6%

CMYK

10.2%, 0.0%, 8.2%, 42.4%

OKLCH

0.6476 0.0247 151.4

Properties

Cool Light Nearest: honeydew 4

Color Harmonies

Complementary

#849387

#938490

Analogous

#889384

#84938E

#849387

Triadic

#849387

#878493

#938784

Split Complementary

#849387

#8E8493

#938488

Tetradic

#849387

#848893

#938490

#938E84

Color Blindness Simulation

Original

#849387

Protanopia

#8A8B8A

Deuteranopia

#8A888B

Tritanopia

#858C8D

Achromatopsia

#8F8F8F

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#ECEEED
200
#D9DEDA
300
#BEC6BF
400
#9BA79D
500
#77887B
600
#5F6D62
700
#4C574E
800
#3C443D
900
#2E332F
950
#1D201E

Contrast Checker

Text on white

3.23:1

AA Fail AAA Fail

Text on black

6.5:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026