#3B6367

#3B6367

Color Values

HEX

#3B6367

RGB

59, 99, 103

HSL

185.5, 27.2%, 31.8%

HSV

185.5, 42.7%, 40.4%

CMYK

42.7%, 3.9%, 0.0%, 59.6%

OKLCH

0.4718 0.0455 203.9

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#3B6367

#673F3B

Analogous

#3B6755

#3B4D67

#3B6367

Triadic

#3B6367

#673B63

#63673B

Split Complementary

#3B6367

#673B4D

#67553B

Tetradic

#3B6367

#553B67

#673F3B

#4D673B

Color Blindness Simulation

Original

#3B6367

Protanopia

#4C4D66

Deuteranopia

#4A4766

Tritanopia

#3D6565

Achromatopsia

#5B5B5B

CSS Usage

background-color: #3B6367;
color: #3B6367;
border-color: #3B6367;
Nearest Tailwind: Teal 800 #115E59

Tailwind Shades

50
#F6F9F9
100
#E9F1F1
200
#D2E3E5
300
#B1CFD2
400
#87B6BA
500
#5D9CA2
600
#4A7D82
700
#3B6468
800
#2E4E51
900
#253A3C
950
#172526

Contrast Checker

Text on white

6.63:1

AA Pass AAA Fail

Text on black

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