#784A86

#784A86

Color Values

HEX

#784A86

RGB

120, 74, 134

HSL

286.0, 28.8%, 40.8%

HSV

286.0, 44.8%, 52.5%

CMYK

10.4%, 44.8%, 0.0%, 47.5%

OKLCH

0.4859 0.1066 318.0

Properties

Cool Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#784A86

#58864A

Analogous

#5A4A86

#864A76

#784A86

Triadic

#784A86

#86784A

#4A8678

Split Complementary

#784A86

#76864A

#4A865A

Tetradic

#784A86

#865A4A

#58864A

#4A7686

Color Blindness Simulation

Original

#784A86

Protanopia

#646477

Deuteranopia

#676A74

Tritanopia

#766C6A

Achromatopsia

#585858

CSS Usage

background-color: #784A86;
color: #784A86;
border-color: #784A86;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#F8F5F9
100
#EFE9F2
200
#E1D1E6
300
#CBB0D3
400
#AF85BC
500
#935BA4
600
#764983
700
#5E3A69
800
#4A2D52
900
#37243D
950
#231727

Contrast Checker

Text on white

6.73:1

AA Pass AAA Fail

Text on black

3.12:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026