#870839

#870839

Color Values

HEX

#870839

RGB

135, 8, 57

HSL

336.9, 88.8%, 28.0%

HSV

336.9, 94.1%, 52.9%

CMYK

0.0%, 94.1%, 57.8%, 47.1%

OKLCH

0.4034 0.1562 7.5

Properties

Warm Dark Nearest: Big Dip O Ruby

Color Harmonies

Complementary

#870839

#088756

Analogous

#870878

#871708

#870839

Triadic

#870839

#398708

#083987

Split Complementary

#870839

#088717

#087887

Tetradic

#870839

#788708

#088756

#170887

Color Blindness Simulation

Original

#870839

Protanopia

#504F2D

Deuteranopia

#57612A

Tritanopia

#812422

Achromatopsia

#272727

CSS Usage

background-color: #870839;
color: #870839;
border-color: #870839;
Nearest Tailwind: Rose 900 #881337

Tailwind Shades

50
#FDF2F6
100
#FBE0EA
200
#FBBCD4
300
#F88BB5
400
#F44D8D
500
#F10E65
600
#C10B51
700
#9A0941
800
#780733
900
#570A28
950
#370619

Contrast Checker

Text on white

9.89:1

AA Pass AAA Pass

Text on black

2.12:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026