#89245D

#89245D

Color Values

HEX

#89245D

RGB

137, 36, 93

HSL

326.1, 58.4%, 33.9%

HSV

326.1, 73.7%, 53.7%

CMYK

0.0%, 73.7%, 32.1%, 46.3%

OKLCH

0.4387 0.147 350.2

Properties

Warm Dark Nearest: maroon 4

Color Harmonies

Complementary

#89245D

#248950

Analogous

#822489

#89242B

#89245D

Triadic

#89245D

#5D8924

#245D89

Split Complementary

#89245D

#2B8924

#248982

Tetradic

#89245D

#898224

#248950

#242B89

Color Blindness Simulation

Original

#89245D

Protanopia

#5D5C4F

Deuteranopia

#636B4C

Tritanopia

#844442

Achromatopsia

#3E3E3E

CSS Usage

background-color: #89245D;
color: #89245D;
border-color: #89245D;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#FBF4F8
100
#F6E4EE
200
#F0C6DE
300
#E69EC6
400
#D86AA8
500
#CA3589
600
#A22A6E
700
#812258
800
#651B45
900
#4A1734
950
#2F0F21

Contrast Checker

Text on white

8.49:1

AA Pass AAA Pass

Text on black

2.47:1

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