#7577AB

#7577AB

Color Values

HEX

#7577AB

RGB

117, 119, 171

HSL

237.8, 24.3%, 56.5%

HSV

237.8, 31.6%, 67.1%

CMYK

31.6%, 30.4%, 0.0%, 32.9%

OKLCH

0.5883 0.0793 282.0

Properties

Cool Light Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#7577AB

#ABA975

Analogous

#7592AB

#8E75AB

#7577AB

Triadic

#7577AB

#AB7577

#77AB75

Split Complementary

#7577AB

#AB8E75

#92AB75

Tetradic

#7577AB

#AB7592

#ABA975

#75AB8E

Color Blindness Simulation

Original

#7577AB

Protanopia

#76769E

Deuteranopia

#76769B

Tritanopia

#759492

Achromatopsia

#7A7A7A

CSS Usage

background-color: #7577AB;
color: #7577AB;
border-color: #7577AB;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F6F6F9
100
#E9EAF1
200
#D3D3E4
300
#B3B4D1
400
#8A8BB8
500
#61639E
600
#4D4F7F
700
#3E3F65
800
#30314F
900
#26273B
950
#181825

Contrast Checker

Text on white

4.21:1

AA Fail AAA Fail

Text on black

4.98:1

AA Pass 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