#449977

#449977

Color Values

HEX

#449977

RGB

68, 153, 119

HSL

156.0, 38.5%, 43.3%

HSV

156.0, 55.6%, 60.0%

CMYK

55.6%, 0.0%, 22.2%, 40.0%

OKLCH

0.6207 0.0982 164.6

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#449977

#994466

Analogous

#44994C

#449099

#449977

Triadic

#449977

#774499

#997744

Split Complementary

#449977

#994490

#994C44

Tetradic

#449977

#4C4499

#994466

#909944

Color Blindness Simulation

Original

#449977

Protanopia

#696A7F

Deuteranopia

#645E81

Tritanopia

#488687

Achromatopsia

#848484

CSS Usage

background-color: #449977;
color: #449977;
border-color: #449977;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F5FAF8
100
#E7F3EE
200
#CEE9DE
300
#AAD9C7
400
#7CC5A8
500
#4EB189
600
#3F8D6E
700
#327158
800
#275845
900
#204134
950
#142921

Contrast Checker

Text on white

3.46:1

AA Fail AAA Fail

Text on black

6.07:1

AA Pass 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