#80445C

#80445C

Color Values

HEX

#80445C

RGB

128, 68, 92

HSL

336,0, 30,6%, 38,4%

HSV

336,0, 46,9%, 50,2%

CMYK

0,0%, 46,9%, 28,1%, 49,8%

OKLCH

0,4676 0,0873 355,6

Properties

Warm Dark Nearest: palevioletred 4

Color Harmonies

Complementary

#80445C

#448068

Analogous

#80447A

#804A44

#80445C

Triadic

#80445C

#5C8044

#445C80

Split Complementary

#80445C

#44804A

#447A80

Tetradic

#80445C

#7A8044

#448068

#4A4480

Color Blindness Simulation

Original

#80445C

Protanopia

#666556

Deuteranopia

#6A6E55

Tritanopia

#7D5251

Achromatopsia

#525252

CSS Usage

background-color: #80445C;
color: #80445C;
border-color: #80445C;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#F9F5F7
100
#F2E9EC
200
#E6D0D9
300
#D5AFBE
400
#BE849B
500
#A75878
600
#854760
700
#6B394D
800
#532C3C
900
#3E232E
950
#27161D

Contrast Checker

Text on white

7,24:1

AA Pass AAA Pass

Text on black

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