#505367

#505367

Color Values

HEX

#505367

RGB

80, 83, 103

HSL

232.2, 12.6%, 35.9%

HSV

232.2, 22.3%, 40.4%

CMYK

22.3%, 19.4%, 0.0%, 59.6%

OKLCH

0.4473 0.0329 278.3

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#505367

#676450

Analogous

#505F67

#595067

#505367

Triadic

#505367

#675053

#536750

Split Complementary

#505367

#675950

#5F6750

Tetradic

#505367

#67505F

#676450

#506759

Color Blindness Simulation

Original

#505367

Protanopia

#515162

Deuteranopia

#515161

Tritanopia

#505E5E

Achromatopsia

#545454

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#EBECEF
200
#D7D8E0
300
#BABCCA
400
#9598AD
500
#6F7490
600
#595C73
700
#474A5C
800
#383A48
900
#2B2C36
950
#1B1C22

Contrast Checker

Text on white

7.57:1

AA Pass AAA Pass

Text on black

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