#446563

#446563

Color Values

HEX

#446563

RGB

68, 101, 99

HSL

176.4, 19.5%, 33.1%

HSV

176.4, 32.7%, 39.6%

CMYK

32.7%, 0.0%, 2.0%, 60.4%

OKLCH

0.4808 0.0384 191.2

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#446563

#654446

Analogous

#446552

#445665

#446563

Triadic

#446563

#634465

#656344

Split Complementary

#446563

#654456

#655244

Tetradic

#446563

#524465

#654446

#566544

Color Blindness Simulation

Original

#446563

Protanopia

#525363

Deuteranopia

#504E64

Tritanopia

#466464

Achromatopsia

#5E5E5E

CSS Usage

background-color: #446563;
color: #446563;
border-color: #446563;
Nearest Tailwind: Teal 800 #115E59

Tailwind Shades

50
#F6F9F8
100
#EAF0F0
200
#D4E2E1
300
#B6CECC
400
#8EB3B1
500
#679895
600
#527A78
700
#426260
800
#334C4B
900
#283938
950
#192423

Contrast Checker

Text on white

6.39:1

AA Pass AAA Fail

Text on black

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