#2E4944

#2E4944

Color Values

HEX

#2E4944

RGB

46, 73, 68

HSL

168.9, 22.7%, 23.3%

HSV

168.9, 37.0%, 28.6%

CMYK

37.0%, 0.0%, 6.8%, 71.4%

OKLCH

0.382 0.034 181.5

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#2E4944

#492E33

Analogous

#2E4936

#2E4049

#2E4944

Triadic

#2E4944

#442E49

#49442E

Split Complementary

#2E4944

#492E40

#49362E

Tetradic

#2E4944

#362E49

#492E33

#40492E

Color Blindness Simulation

Original

#2E4944

Protanopia

#3A3A45

Deuteranopia

#383646

Tritanopia

#2F4646

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#EAF1EF
200
#D3E3E0
300
#B4D0CB
400
#8BB6AE
500
#639C92
600
#4F7D75
700
#3F645D
800
#314E49
900
#273A37
950
#182523

Contrast Checker

Text on white

9.76:1

AA Pass AAA Pass

Text on black

2.15:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026