#505F73

#505F73

Color Values

HEX

#505F73

RGB

80, 95, 115

HSL

214.3, 17.9%, 38.2%

HSV

214.3, 30.4%, 45.1%

CMYK

30.4%, 17.4%, 0.0%, 54.9%

OKLCH

0.4806 0.0373 255.7

Properties

Cool Dark Nearest: RAL 5014 Pigeon Blue

Color Harmonies

Complementary

#505F73

#736450

Analogous

#507073

#525073

#505F73

Triadic

#505F73

#73505F

#5F7350

Split Complementary

#505F73

#735250

#707350

Tetradic

#505F73

#735070

#736450

#507352

Color Blindness Simulation

Original

#505F73

Protanopia

#56576E

Deuteranopia

#56546D

Tritanopia

#516A6A

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#F6F7F9
100
#EAEDF0
200
#D5DAE2
300
#B7C0CD
400
#909EB2
500
#697C96
600
#546378
700
#435060
800
#343E4B
900
#292F38
950
#1A1E24

Contrast Checker

Text on white

6.51:1

AA Pass AAA Fail

Text on black

3.23:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026