#803F57

#803F57

Color Values

HEX

#803F57

RGB

128, 63, 87

HSL

337,8, 34,0%, 37,5%

HSV

337,8, 50,8%, 50,2%

CMYK

0,0%, 50,8%, 32,0%, 49,8%

OKLCH

0,4575 0,0938 358,1

Properties

Warm Dark Nearest: palevioletred 4

Color Harmonies

Complementary

#803F57

#3F8068

Analogous

#803F78

#80483F

#803F57

Triadic

#803F57

#57803F

#3F5780

Split Complementary

#803F57

#3F8048

#3F7880

Tetradic

#803F57

#78803F

#3F8068

#483F80

Color Blindness Simulation

Original

#803F57

Protanopia

#646351

Deuteranopia

#686C50

Tritanopia

#7D4D4C

Achromatopsia

#4F4F4F

CSS Usage

background-color: #803F57;
color: #803F57;
border-color: #803F57;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#FAF5F7
100
#F2E8EC
200
#E7CFD8
300
#D7ADBC
400
#C18198
500
#AB5474
600
#89435D
700
#6D364A
800
#552A3A
900
#3F222D
950
#28151C

Contrast Checker

Text on white

7,59:1

AA Pass AAA Pass

Text on black

2,77: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