#897F96

#897F96

Color Values

HEX

#897F96

RGB

137, 127, 150

HSL

266.1, 9.9%, 54.3%

HSV

266.1, 15.3%, 58.8%

CMYK

8.7%, 15.3%, 0.0%, 41.2%

OKLCH

0.6132 0.0361 305.0

Properties

Cool Light Nearest: thistle 4

Color Harmonies

Complementary

#897F96

#8C967F

Analogous

#7F8096

#957F96

#897F96

Triadic

#897F96

#96897F

#7F9689

Split Complementary

#897F96

#96957F

#80967F

Tetradic

#897F96

#967F80

#8C967F

#7F9695

Color Blindness Simulation

Original

#897F96

Protanopia

#858590

Deuteranopia

#85868F

Tritanopia

#888C8B

Achromatopsia

#838383

CSS Usage

background-color: #897F96;
color: #897F96;
border-color: #897F96;
Nearest Tailwind: Gray 500 #6B7280

Tailwind Shades

50
#F7F7F8
100
#EDECEF
200
#DBD8DF
300
#C1BCC8
400
#9F97AA
500
#7E738C
600
#655C70
700
#514A5A
800
#3F3946
900
#302C35
950
#1E1C21

Contrast Checker

Text on white

3.79:1

AA Fail AAA Fail

Text on black

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