#7477A0

#7477A0

Color Values

HEX

#7477A0

RGB

116, 119, 160

HSL

235.9, 18.8%, 54.1%

HSV

235.9, 27.5%, 62.7%

CMYK

27.5%, 25.6%, 0.0%, 37.3%

OKLCH

0.5825 0.0628 281.0

Properties

Cool Light Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#7477A0

#A09D74

Analogous

#748DA0

#8774A0

#7477A0

Triadic

#7477A0

#A07477

#77A074

Split Complementary

#7477A0

#A08774

#8DA074

Tetradic

#7477A0

#A0748D

#A09D74

#74A087

Color Blindness Simulation

Original

#7477A0

Protanopia

#757596

Deuteranopia

#757594

Tritanopia

#748E8D

Achromatopsia

#797979

CSS Usage

background-color: #7477A0;
color: #7477A0;
border-color: #7477A0;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F6F6F9
100
#EAEBF0
200
#D5D6E2
300
#B6B8CD
400
#8F91B2
500
#686B97
600
#535579
700
#424461
800
#34354C
900
#282939
950
#191A24

Contrast Checker

Text on white

4.3:1

AA Fail AAA Fail

Text on black

4.89:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026