#89235F

#89235F

Color Values

HEX

#89235F

RGB

137, 35, 95

HSL

324.7, 59.3%, 33.7%

HSV

324.7, 74.5%, 53.7%

CMYK

0.0%, 74.5%, 30.7%, 46.3%

OKLCH

0.4386 0.1494 348.9

Properties

Warm Dark Nearest: maroon 4

Color Harmonies

Complementary

#89235F

#23894D

Analogous

#802389

#89232C

#89235F

Triadic

#89235F

#5F8923

#235F89

Split Complementary

#89235F

#2C8923

#238980

Tetradic

#89235F

#898023

#23894D

#232C89

Color Blindness Simulation

Original

#89235F

Protanopia

#5D5C50

Deuteranopia

#636A4D

Tritanopia

#844542

Achromatopsia

#3D3D3D

CSS Usage

background-color: #89235F;
color: #89235F;
border-color: #89235F;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#FBF3F8
100
#F6E4EF
200
#F0C6DF
300
#E69EC8
400
#D969AB
500
#CB348D
600
#A22A71
700
#82215A
800
#661A46
900
#4A1735
950
#2F0E21

Contrast Checker

Text on white

8.5:1

AA Pass AAA Pass

Text on black

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