#2D4546

#2D4546

Color Values

HEX

#2D4546

RGB

45, 69, 70

HSL

182.4, 21.7%, 22.5%

HSV

182.4, 35.7%, 27.5%

CMYK

35.7%, 1.4%, 0.0%, 72.5%

OKLCH

0.3712 0.0297 199.2

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#2D4546

#462E2D

Analogous

#2D463A

#2D3846

#2D4546

Triadic

#2D4546

#462D45

#45462D

Split Complementary

#2D4546

#462D38

#463A2D

Tetradic

#2D4546

#3A2D46

#462E2D

#38462D

Color Blindness Simulation

Original

#2D4546

Protanopia

#373846

Deuteranopia

#363446

Tritanopia

#2E4646

Achromatopsia

#404040

CSS Usage

background-color: #2D4546;
color: #2D4546;
border-color: #2D4546;
Nearest Tailwind: Neutral 700 #404040

Tailwind Shades

50
#F6F9F9
100
#EAF0F0
200
#D4E2E3
300
#B5CECF
400
#8CB3B5
500
#64999B
600
#507A7C
700
#406263
800
#324C4E
900
#27393A
950
#192425

Contrast Checker

Text on white

10.24:1

AA Pass AAA Pass

Text on black

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