#78377C

#78377C

Color Values

HEX

#78377C

RGB

120, 55, 124

HSL

296,5, 38,5%, 35,1%

HSV

296,5, 55,6%, 48,6%

CMYK

3,2%, 55,6%, 0,0%, 51,4%

OKLCH

0,4504 0,1297 325,2

Properties

Cool Dark Nearest: orchid 4

Color Harmonies

Complementary

#78377C

#3B7C37

Analogous

#55377C

#7C375E

#78377C

Triadic

#78377C

#7C7837

#377C78

Split Complementary

#78377C

#5E7C37

#377C55

Tetradic

#78377C

#7C5537

#3B7C37

#375E7C

Color Blindness Simulation

Original

#78377C

Protanopia

#5C5B6B

Deuteranopia

#606467

Tritanopia

#755E5B

Achromatopsia

#4A4A4A

CSS Usage

background-color: #78377C;
color: #78377C;
border-color: #78377C;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FAF5FA
100
#F2E7F3
200
#E7CEE9
300
#D7AAD9
400
#C17CC5
500
#AB4EB1
600
#893F8D
700
#6D3271
800
#552758
900
#3F2041
950
#281429

Contrast Checker

Text on white

7,97:1

AA Pass AAA Pass

Text on black

2,64:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026