#763777

#763777

Color Values

HEX

#763777

RGB

118, 55, 119

HSL

299.1, 36.8%, 34.1%

HSV

299.1, 53.8%, 46.7%

CMYK

0.8%, 53.8%, 0.0%, 53.3%

OKLCH

0.4449 0.1234 326.8

Properties

Cool Dark Nearest: orchid 4

Color Harmonies

Complementary

#763777

#387737

Analogous

#563777

#773758

#763777

Triadic

#763777

#777637

#377776

Split Complementary

#763777

#587737

#377756

Tetradic

#763777

#775637

#387737

#375877

Color Blindness Simulation

Original

#763777

Protanopia

#5B5A68

Deuteranopia

#5E6364

Tritanopia

#735B59

Achromatopsia

#494949

CSS Usage

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

Tailwind Shades

50
#FAF5FA
100
#F3E8F3
200
#E8CEE8
300
#D8ABD8
400
#C27EC3
500
#AD51AE
600
#8A408C
700
#6F3470
800
#572857
900
#402040
950
#281429

Contrast Checker

Text on white

8.13:1

AA Pass AAA Pass

Text on black

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