#7733AF

#7733AF

Color Values

HEX

#7733AF

RGB

119, 51, 175

HSL

272,9, 54,9%, 44,3%

HSV

272,9, 70,9%, 68,6%

CMYK

32,0%, 70,9%, 0,0%, 31,4%

OKLCH

0,4774 0,1885 305,4

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#7733AF

#6BAF33

Analogous

#3933AF

#AF33A9

#7733AF

Triadic

#7733AF

#AF7733

#33AF77

Split Complementary

#7733AF

#A9AF33

#33AF39

Tetradic

#7733AF

#AF3933

#6BAF33

#33A9AF

Color Blindness Simulation

Original

#7733AF

Protanopia

#5A5991

Deuteranopia

#5E638A

Tritanopia

#747974

Achromatopsia

#4A4A4A

CSS Usage

background-color: #7733AF;
color: #7733AF;
border-color: #7733AF;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F8F4FB
100
#EEE5F5
200
#DDC8EF
300
#C5A0E3
400
#A66DD4
500
#863AC5
600
#6B2E9E
700
#56257E
800
#431D63
900
#331948
950
#200F2E

Contrast Checker

Text on white

7,3:1

AA Pass AAA Pass

Text on black

2,88: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