#39504A

#39504A

Color Values

HEX

#39504A

RGB

57, 80, 74

HSL

164.3, 16.8%, 26.9%

HSV

164.3, 28.7%, 31.4%

CMYK

28.8%, 0.0%, 7.5%, 68.6%

OKLCH

0.4103 0.03 176.8

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#39504A

#50393F

Analogous

#39503F

#394B50

#39504A

Triadic

#39504A

#4A3950

#504A39

Split Complementary

#39504A

#50394B

#503F39

Tetradic

#39504A

#3F3950

#50393F

#4B5039

Color Blindness Simulation

Original

#39504A

Protanopia

#43434B

Deuteranopia

#42404C

Tritanopia

#3A4D4D

Achromatopsia

#4B4B4B

CSS Usage

background-color: #39504A;
color: #39504A;
border-color: #39504A;
Nearest Tailwind: Teal 900 #134E4A

Tailwind Shades

50
#F6F8F8
100
#EBF0EE
200
#D5E1DE
300
#B8CCC7
400
#91B1A8
500
#6A958A
600
#55776E
700
#445F58
800
#354A45
900
#293834
950
#1A2321

Contrast Checker

Text on white

8.68:1

AA Pass AAA Pass

Text on black

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