#7737C0

#7737C0

Color Values

HEX

#7737C0

RGB

119, 55, 192

HSL

268.0, 55.5%, 48.4%

HSV

268.0, 71.4%, 75.3%

CMYK

38.0%, 71.4%, 0.0%, 24.7%

OKLCH

0.4952 0.2018 300.4

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#7737C0

#80C037

Analogous

#373BC0

#BB37C0

#7737C0

Triadic

#7737C0

#C07737

#37C077

Split Complementary

#7737C0

#C0BB37

#3BC037

Tetradic

#7737C0

#C0373B

#80C037

#37C0BB

Color Blindness Simulation

Original

#7737C0

Protanopia

#5B5B9F

Deuteranopia

#5F6497

Tritanopia

#74857F

Achromatopsia

#4E4E4E

CSS Usage

background-color: #7737C0;
color: #7737C0;
border-color: #7737C0;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F7F4FB
100
#EDE5F6
200
#DAC7EF
300
#C0A0E4
400
#9D6CD5
500
#7B39C6
600
#622D9F
700
#4F247F
800
#3D1C63
900
#2F1849
950
#1E0F2E

Contrast Checker

Text on white

6.79:1

AA Pass AAA Fail

Text on black

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