#5050AF

#5050AF

Color Values

HEX

#5050AF

RGB

80, 80, 175

HSL

240.0, 37.3%, 50.0%

HSV

240.0, 54.3%, 68.6%

CMYK

54.3%, 54.3%, 0.0%, 31.4%

OKLCH

0.4832 0.1477 279.3

Properties

Cool Dark Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#5050AF

#AFAF50

Analogous

#5080AF

#8050AF

#5050AF

Triadic

#5050AF

#AF5050

#50AF50

Split Complementary

#5050AF

#AF8050

#80AF50

Tetradic

#5050AF

#AF5080

#AFAF50

#50AF80

Color Blindness Simulation

Original

#5050AF

Protanopia

#505098

Deuteranopia

#505092

Tritanopia

#508682

Achromatopsia

#575757

CSS Usage

background-color: #5050AF;
color: #5050AF;
border-color: #5050AF;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F5F5FA
100
#E7E7F3
200
#CECEE9
300
#ABABD9
400
#7D7DC4
500
#5050AF
600
#40408C
700
#333370
800
#282858
900
#202041
950
#141429

Contrast Checker

Text on white

6.76:1

AA Pass AAA Fail

Text on black

3.11:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026