#2E4952

#2E4952

Color Values

HEX

#2E4952

RGB

46, 73, 82

HSL

195.0, 28.1%, 25.1%

HSV

195.0, 43.9%, 32.2%

CMYK

43.9%, 11.0%, 0.0%, 67.8%

OKLCH

0.3875 0.036 220.9

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#2E4952

#52372E

Analogous

#2E5249

#2E3752

#2E4952

Triadic

#2E4952

#522E49

#49522E

Split Complementary

#2E4952

#522E37

#52492E

Tetradic

#2E4952

#492E52

#52372E

#37522E

Color Blindness Simulation

Original

#2E4952

Protanopia

#3A3A50

Deuteranopia

#38364F

Tritanopia

#2F4E4E

Achromatopsia

#444444

CSS Usage

background-color: #2E4952;
color: #2E4952;
border-color: #2E4952;
Nearest Tailwind: Gray 700 #374151

Tailwind Shades

50
#F6F8F9
100
#E9EFF1
200
#D1E0E5
300
#B1CAD3
400
#86AEBB
500
#5C91A3
600
#497483
700
#3B5D69
800
#2E4952
900
#24373D
950
#172226

Contrast Checker

Text on white

9.58:1

AA Pass AAA Pass

Text on black

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