#2C5356

#2C5356

Color Values

HEX

#2C5356

RGB

44, 83, 86

HSL

184.3, 32.3%, 25.5%

HSV

184.3, 48.8%, 33.7%

CMYK

48.8%, 3.5%, 0.0%, 66.3%

OKLCH

0.4148 0.0445 202.0

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#2C5356

#562F2C

Analogous

#2C5644

#2C3E56

#2C5356

Triadic

#2C5356

#562C53

#53562C

Split Complementary

#2C5356

#562C3E

#56442C

Tetradic

#2C5356

#442C56

#562F2C

#3E562C

Color Blindness Simulation

Original

#2C5356

Protanopia

#3D3D55

Deuteranopia

#3B3855

Tritanopia

#2E5555

Achromatopsia

#4B4B4B

CSS Usage

background-color: #2C5356;
color: #2C5356;
border-color: #2C5356;
Nearest Tailwind: Teal 900 #134E4A

Tailwind Shades

50
#F5F9F9
100
#E8F1F2
200
#D0E5E7
300
#AED3D6
400
#82BBBF
500
#56A3A9
600
#458287
700
#37686C
800
#2B5154
900
#223D3F
950
#162627

Contrast Checker

Text on white

8.47:1

AA Pass AAA Pass

Text on black

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