#7754B5

#7754B5

Color Values

HEX

#7754B5

RGB

119, 84, 181

HSL

261.6, 39.6%, 52.0%

HSV

261.6, 53.6%, 71.0%

CMYK

34.3%, 53.6%, 0.0%, 29.0%

OKLCH

0.5291 0.1485 297.8

Properties

Cool Dark Nearest: Royal Purple

Color Harmonies

Complementary

#7754B5

#92B554

Analogous

#5462B5

#A754B5

#7754B5

Triadic

#7754B5

#B57754

#54B577

Split Complementary

#7754B5

#B5A754

#62B554

Tetradic

#7754B5

#B55462

#92B554

#54B5A7

Color Blindness Simulation

Original

#7754B5

Protanopia

#68689E

Deuteranopia

#6A6C98

Tritanopia

#758B87

Achromatopsia

#626262

CSS Usage

background-color: #7754B5;
color: #7754B5;
border-color: #7754B5;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F7F5FA
100
#EBE7F3
200
#D7CDE9
300
#BBAADA
400
#967BC6
500
#714DB2
600
#5B3E8E
700
#493172
800
#392759
900
#2C1F42
950
#1C142A

Contrast Checker

Text on white

5.65:1

AA Pass AAA Fail

Text on black

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