#445754

#445754

Color Values

HEX

#445754

RGB

68, 87, 84

HSL

170.5, 12.3%, 30.4%

HSV

170.5, 21.8%, 34.1%

CMYK

21.8%, 0.0%, 3.4%, 65.9%

OKLCH

0.4399 0.0239 184.6

Properties

Cool Dark Nearest: RAL 7012 Basalt Grey

Color Harmonies

Complementary

#445754

#574447

Analogous

#44574B

#445157

#445754

Triadic

#445754

#544457

#575444

Split Complementary

#445754

#574451

#574B44

Tetradic

#445754

#4B4457

#574447

#515744

Color Blindness Simulation

Original

#445754

Protanopia

#4C4C55

Deuteranopia

#4B4A55

Tritanopia

#455555

Achromatopsia

#535353

CSS Usage

background-color: #445754;
color: #445754;
border-color: #445754;
Nearest Tailwind: Neutral 600 #525252

Tailwind Shades

50
#F7F8F8
100
#EBEFEE
200
#D7E0DE
300
#BAC9C7
400
#95ACA9
500
#708F8A
600
#59736F
700
#485C58
800
#384845
900
#2B3634
950
#1B2221

Contrast Checker

Text on white

7.67:1

AA Pass AAA Pass

Text on black

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