#506754

#506754

Color Values

HEX

#506754

RGB

80, 103, 84

HSL

130.4, 12.6%, 35.9%

HSV

130.4, 22.3%, 40.4%

CMYK

22.3%, 0.0%, 18.4%, 59.6%

OKLCH

0.4892 0.0408 149.8

Properties

Cool Dark Nearest: RAL 7009 Green Grey

Color Harmonies

Complementary

#506754

#675063

Analogous

#586750

#506760

#506754

Triadic

#506754

#545067

#675450

Split Complementary

#506754

#605067

#675058

Tetradic

#506754

#505867

#675063

#676050

Color Blindness Simulation

Original

#506754

Protanopia

#5A5A59

Deuteranopia

#59575A

Tritanopia

#515C5D

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#EBEFEC
200
#D7E0D8
300
#BACABD
400
#95AD99
500
#6F9075
600
#59735E
700
#475C4B
800
#38483B
900
#2B362D
950
#1B221C

Contrast Checker

Text on white

6.16:1

AA Pass AAA Fail

Text on black

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