#89456B

#89456B

Color Values

HEX

#89456B

RGB

137, 69, 107

HSL

326.5, 33.0%, 40.4%

HSV

326.5, 49.6%, 53.7%

CMYK

0.0%, 49.6%, 21.9%, 46.3%

OKLCH

0.4873 0.104 347.0

Properties

Warm Dark Nearest: hotpink 4

Color Harmonies

Complementary

#89456B

#458963

Analogous

#854589

#894549

#89456B

Triadic

#89456B

#6B8945

#456B89

Split Complementary

#89456B

#498945

#458985

Tetradic

#89456B

#898545

#458963

#454989

Color Blindness Simulation

Original

#89456B

Protanopia

#6C6B62

Deuteranopia

#707560

Tritanopia

#865B59

Achromatopsia

#565656

CSS Usage

background-color: #89456B;
color: #89456B;
border-color: #89456B;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#F9F5F8
100
#F2E8EE
200
#E7D0DD
300
#D6AEC4
400
#C082A4
500
#AA5584
600
#88446A
700
#6D3755
800
#552B42
900
#3F2232
950
#281620

Contrast Checker

Text on white

6.72:1

AA Pass AAA Fail

Text on black

3.13:1

AA Fail 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