#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

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026
Tutorials

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

1월 18, 2026