#80639B

#80639B

Color Values

HEX

#80639B

RGB

128, 99, 155

HSL

271.1, 22.0%, 49.8%

HSV

271.1, 36.1%, 60.8%

CMYK

17.4%, 36.1%, 0.0%, 39.2%

OKLCH

0.5507 0.0907 307.4

Properties

Cool Dark Nearest: Violet (Purple)

Color Harmonies

Complementary

#80639B

#7E9B63

Analogous

#64639B

#9B639A

#80639B

Triadic

#80639B

#9B8063

#639B80

Split Complementary

#80639B

#9A9B63

#639B64

Tetradic

#80639B

#9B6463

#7E9B63

#639A9B

Color Blindness Simulation

Original

#80639B

Protanopia

#73738D

Deuteranopia

#75778A

Tritanopia

#7F8380

Achromatopsia

#6D6D6D

CSS Usage

background-color: #80639B;
color: #80639B;
border-color: #80639B;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F7F6F9
100
#EDEAF0
200
#DCD3E3
300
#C2B4CF
400
#A18CB5
500
#81639C
600
#67507C
700
#524064
800
#40324E
900
#31273A
950
#1F1925

Contrast Checker

Text on white

5.03:1

AA Pass AAA Fail

Text on black

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