#506752

#506752

Color Values

HEX

#506752

RGB

80, 103, 82

HSL

125.2, 12.6%, 35.9%

HSV

125.2, 22.3%, 40.4%

CMYK

22.3%, 0.0%, 20.4%, 59.6%

OKLCH

0.4887 0.0431 147.2

Properties

Cool Dark Nearest: RAL 7009 Green Grey

Color Harmonies

Complementary

#506752

#675065

Analogous

#5A6750

#50675E

#506752

Triadic

#506752

#525067

#675250

Split Complementary

#506752

#5E5067

#67505A

Tetradic

#506752

#505A67

#675065

#675E50

Color Blindness Simulation

Original

#506752

Protanopia

#5A5A57

Deuteranopia

#595758

Tritanopia

#515B5C

Achromatopsia

#616161

CSS Usage

background-color: #506752;
color: #506752;
border-color: #506752;
Nearest Tailwind: Stone 600 #57534E

Tailwind Shades

50
#F7F8F7
100
#EBEFEC
200
#D7E0D8
300
#BACABB
400
#95AD97
500
#6F9072
600
#59735B
700
#475C49
800
#384839
900
#2B362C
950
#1B221C

Contrast Checker

Text on white

6.17:1

AA Pass AAA Fail

Text on black

3.4:1

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