#445653

#445653

Color Values

HEX

#445653

RGB

68, 86, 83

HSL

170.0, 11.7%, 30.2%

HSV

170.0, 20.9%, 33.7%

CMYK

20.9%, 0.0%, 3.5%, 66.3%

OKLCH

0.437 0.0228 184.0

Properties

Cool Dark Nearest: RAL 7012 Basalt Grey

Color Harmonies

Complementary

#445653

#564447

Analogous

#44564A

#445056

#445653

Triadic

#445653

#534456

#565344

Split Complementary

#445653

#564450

#564A44

Tetradic

#445653

#4A4456

#564447

#505644

Color Blindness Simulation

Original

#445653

Protanopia

#4C4C54

Deuteranopia

#4B4954

Tritanopia

#455454

Achromatopsia

#525252

CSS Usage

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

Tailwind Shades

50
#F7F8F8
100
#EBEFEE
200
#D7DFDE
300
#BBC9C7
400
#96ACA8
500
#718E89
600
#5A726E
700
#485B58
800
#384745
900
#2B3634
950
#1B2221

Contrast Checker

Text on white

7.77:1

AA Pass AAA Pass

Text on black

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