#446160

#446160

Color Values

HEX

#446160

RGB

68, 97, 96

HSL

177.9, 17.6%, 32.4%

HSV

177.9, 29.9%, 38.0%

CMYK

29.9%, 0.0%, 1.0%, 62.0%

OKLCH

0.4695 0.0342 193.4

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#446160

#614445

Analogous

#446152

#445461

#446160

Triadic

#446160

#604461

#616044

Split Complementary

#446160

#614454

#615244

Tetradic

#446160

#524461

#614445

#546144

Color Blindness Simulation

Original

#446160

Protanopia

#515160

Deuteranopia

#4F4D60

Tritanopia

#456060

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#F6F8F8
100
#EAF0F0
200
#D5E2E1
300
#B7CDCC
400
#90B1B0
500
#699694
600
#547877
700
#43605F
800
#354B4A
900
#293838
950
#1A2323

Contrast Checker

Text on white

6.72:1

AA Pass AAA Fail

Text on black

3.12:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026