#2C4742

#2C4742

Color Values

HEX

#2C4742

RGB

44, 71, 66

HSL

168.9, 23.5%, 22.5%

HSV

168.9, 38.0%, 27.8%

CMYK

38.0%, 0.0%, 7.0%, 72.2%

OKLCH

0.3745 0.0341 181.4

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#2C4742

#472C31

Analogous

#2C4734

#2C3E47

#2C4742

Triadic

#2C4742

#422C47

#47422C

Split Complementary

#2C4742

#472C3E

#47342C

Tetradic

#2C4742

#342C47

#472C31

#3E472C

Color Blindness Simulation

Original

#2C4742

Protanopia

#383843

Deuteranopia

#363444

Tritanopia

#2D4444

Achromatopsia

#414141

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#EAF1EF
200
#D3E4E1
300
#B3D0CB
400
#8AB7AF
500
#629D92
600
#4E7E75
700
#3E655E
800
#314F49
900
#263B37
950
#182523

Contrast Checker

Text on white

10.06:1

AA Pass AAA Pass

Text on black

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