#89124F

#89124F

Color Values

HEX

#89124F

RGB

137, 18, 79

HSL

329.2, 76.8%, 30.4%

HSV

329.2, 86.9%, 53.7%

CMYK

0.0%, 86.9%, 42.3%, 46.3%

OKLCH

0.4192 0.1584 356.4

Properties

Warm Dark Nearest: deeppink 4

Color Harmonies

Complementary

#89124F

#12894C

Analogous

#871289

#891214

#89124F

Triadic

#89124F

#4F8912

#124F89

Split Complementary

#89124F

#148912

#128987

Tetradic

#89124F

#898712

#12894C

#121489

Color Blindness Simulation

Original

#89124F

Protanopia

#555440

Deuteranopia

#5C653D

Tritanopia

#833532

Achromatopsia

#303030

CSS Usage

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

Tailwind Shades

50
#FCF2F7
100
#F9E1ED
200
#F7C0DC
300
#F193C3
400
#E958A3
500
#E11E82
600
#B41868
700
#901353
800
#710F41
900
#520F31
950
#34091F

Contrast Checker

Text on white

9.28:1

AA Pass AAA Pass

Text on black

2.26:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026
Tutorials

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

1월 18, 2026