#505176

#505176

Color Values

HEX

#505176

RGB

80, 81, 118

HSL

238.4, 19.2%, 38.8%

HSV

238.4, 32.2%, 46.3%

CMYK

32.2%, 31.4%, 0.0%, 53.7%

OKLCH

0.4498 0.0603 282.5

Properties

Cool Dark Nearest: RAL 5000 Violet Blue

Color Harmonies

Complementary

#505176

#767550

Analogous

#506476

#625076

#505176

Triadic

#505176

#765051

#517650

Split Complementary

#505176

#766250

#647650

Tetradic

#505176

#765064

#767550

#507662

Color Blindness Simulation

Original

#505176

Protanopia

#50506D

Deuteranopia

#50506B

Tritanopia

#506664

Achromatopsia

#535353

CSS Usage

background-color: #505176;
color: #505176;
border-color: #505176;
Nearest Tailwind: Slate 600 #475569

Tailwind Shades

50
#F6F6F9
100
#EAEAF0
200
#D4D5E2
300
#B6B7CE
400
#8F90B3
500
#676898
600
#52537A
700
#424361
800
#34344C
900
#282939
950
#191A24

Contrast Checker

Text on white

7.55:1

AA Pass AAA Pass

Text on black

2.78:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026