#774AB2

#774AB2

Color Values

HEX

#774AB2

RGB

119, 74, 178

HSL

266.0, 41.3%, 49.4%

HSV

266.0, 58.4%, 69.8%

CMYK

33.1%, 58.4%, 0.0%, 30.2%

OKLCH

0.511 0.1601 300.8

Properties

Cool Dark Nearest: NCS S 2050-R70B Violet

Color Harmonies

Complementary

#774AB2

#85B24A

Analogous

#4A51B2

#AB4AB2

#774AB2

Triadic

#774AB2

#B2774A

#4AB277

Split Complementary

#774AB2

#B2AB4A

#51B24A

Tetradic

#774AB2

#B24A51

#85B24A

#4AB2AB

Color Blindness Simulation

Original

#774AB2

Protanopia

#646399

Deuteranopia

#666A93

Tritanopia

#758581

Achromatopsia

#5B5B5B

CSS Usage

background-color: #774AB2;
color: #774AB2;
border-color: #774AB2;
Nearest Tailwind: Purple 900 #581C87

Tailwind Shades

50
#F7F5FA
100
#ECE7F3
200
#D9CDEA
300
#BEA9DB
400
#9B7AC8
500
#784BB4
600
#603C90
700
#4D3073
800
#3C255A
900
#2E1E42
950
#1D132A

Contrast Checker

Text on white

6.16:1

AA Pass AAA Fail

Text on black

3.41:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026