#774C88

#774C88

Color Values

HEX

#774C88

RGB

119, 76, 136

HSL

283.0, 28.3%, 41.6%

HSV

283.0, 44.1%, 53.3%

CMYK

12.5%, 44.1%, 0.0%, 46.7%

OKLCH

0.4892 0.1048 315.9

Properties

Cool Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#774C88

#5D884C

Analogous

#594C88

#884C7B

#774C88

Triadic

#774C88

#88774C

#4C8877

Split Complementary

#774C88

#7B884C

#4C8859

Tetradic

#774C88

#88594C

#5D884C

#4C7B88

Color Blindness Simulation

Original

#774C88

Protanopia

#646479

Deuteranopia

#676A76

Tritanopia

#756E6C

Achromatopsia

#595959

CSS Usage

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

Tailwind Shades

50
#F8F6F9
100
#EFE9F1
200
#E0D1E5
300
#C9B0D3
400
#AC86BB
500
#8F5BA4
600
#734983
700
#5C3B69
800
#482E52
900
#36243D
950
#221726

Contrast Checker

Text on white

6.62:1

AA Pass AAA Fail

Text on black

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