#2A4744

#2A4744

Color Values

HEX

#2A4744

RGB

42, 71, 68

HSL

173.8, 25.7%, 22.2%

HSV

173.8, 40.8%, 27.8%

CMYK

40.8%, 0.0%, 4.2%, 72.2%

OKLCH

0.374 0.0353 187.5

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#2A4744

#472A2D

Analogous

#2A4736

#2A3C47

#2A4744

Triadic

#2A4744

#442A47

#47442A

Split Complementary

#2A4744

#472A3C

#47362A

Tetradic

#2A4744

#362A47

#472A2D

#3C472A

Color Blindness Simulation

Original

#2A4744

Protanopia

#373745

Deuteranopia

#353345

Tritanopia

#2B4545

Achromatopsia

#414141

CSS Usage

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

Tailwind Shades

50
#F6F9F9
100
#E9F1F0
200
#D2E4E3
300
#B2D2CE
400
#88B9B4
500
#5FA099
600
#4C807B
700
#3D6762
800
#2F504D
900
#253C39
950
#182624

Contrast Checker

Text on white

10.08:1

AA Pass AAA Pass

Text on black

2.08:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026