#445D60

#445D60

Color Values

HEX

#445D60

RGB

68, 93, 96

HSL

186.4, 17.1%, 32.2%

HSV

186.4, 29.2%, 37.6%

CMYK

29.2%, 3.1%, 0.0%, 62.4%

OKLCH

0.4594 0.0303 205.4

Properties

Cool Dark Nearest: RAL 7012 Basalt Grey

Color Harmonies

Complementary

#445D60

#604744

Analogous

#446055

#444F60

#445D60

Triadic

#445D60

#60445D

#5D6044

Split Complementary

#445D60

#60444F

#605544

Tetradic

#445D60

#554460

#604744

#4F6044

Color Blindness Simulation

Original

#445D60

Protanopia

#4F4F5F

Deuteranopia

#4D4C5F

Tritanopia

#455F5F

Achromatopsia

#585858

CSS Usage

background-color: #445D60;
color: #445D60;
border-color: #445D60;
Nearest Tailwind: Gray 600 #4B5563

Tailwind Shades

50
#F6F8F8
100
#EBEFF0
200
#D5E0E1
300
#B7CACC
400
#91ADB1
500
#6A9195
600
#557477
700
#445D60
800
#35484B
900
#293638
950
#1A2223

Contrast Checker

Text on white

7.05:1

AA Pass AAA Pass

Text on black

2.98:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026