#80397F

#80397F

Color Values

HEX

#80397F

RGB

128, 57, 127

HSL

300.8, 38.4%, 36.3%

HSV

300.8, 55.5%, 50.2%

CMYK

0.0%, 55.5%, 0.8%, 49.8%

OKLCH

0.466 0.1343 328.0

Properties

Warm Dark Nearest: orchid 4

Color Harmonies

Complementary

#80397F

#39803A

Analogous

#5E3980

#80395C

#80397F

Triadic

#80397F

#7F8039

#397F80

Split Complementary

#80397F

#5C8039

#39805E

Tetradic

#80397F

#805E39

#39803A

#395C80

Color Blindness Simulation

Original

#80397F

Protanopia

#61616E

Deuteranopia

#656B6A

Tritanopia

#7C615E

Achromatopsia

#4D4D4D

CSS Usage

background-color: #80397F;
color: #80397F;
border-color: #80397F;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FAF5FA
100
#F3E7F3
200
#E9CEE9
300
#D9AAD9
400
#C57CC4
500
#B04FAF
600
#8D3F8C
700
#713270
800
#582758
900
#412041
950
#291429

Contrast Checker

Text on white

7.47:1

AA Pass AAA Pass

Text on black

2.81:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026