#449586

#449586

Color Values

HEX

#449586

RGB

68, 149, 134

HSL

168.9, 37.3%, 42.5%

HSV

168.9, 54.4%, 58.4%

CMYK

54.4%, 0.0%, 10.1%, 41.6%

OKLCH

0.6148 0.0828 179.6

Properties

Cool Light Nearest: aquamarine 4

Color Harmonies

Complementary

#449586

#954453

Analogous

#44955D

#447B95

#449586

Triadic

#449586

#864495

#958644

Split Complementary

#449586

#95447B

#955D44

Tetradic

#449586

#5D4495

#954453

#7B9544

Color Blindness Simulation

Original

#449586

Protanopia

#67688A

Deuteranopia

#625C8A

Tritanopia

#488C8D

Achromatopsia

#838383

CSS Usage

background-color: #449586;
color: #449586;
border-color: #449586;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F5FAF9
100
#E7F3F1
200
#CEE9E4
300
#ABD9D0
400
#7DC4B7
500
#50AF9D
600
#408C7E
700
#337065
800
#28584F
900
#20413B
950
#142925

Contrast Checker

Text on white

3.57:1

AA Fail AAA Fail

Text on black

5.89:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026