#449669

#449669

Color Values

HEX

#449669

RGB

68, 150, 105

HSL

147.1, 37.6%, 42.7%

HSV

147.1, 54.7%, 58.8%

CMYK

54.7%, 0.0%, 30.0%, 41.2%

OKLCH

0.6094 0.1064 157.1

Properties

Cool Light Nearest: seagreen

Color Harmonies

Complementary

#449669

#964471

Analogous

#489644

#449692

#449669

Triadic

#449669

#694496

#966944

Split Complementary

#449669

#924496

#964448

Tetradic

#449669

#444896

#964471

#969244

Color Blindness Simulation

Original

#449669

Protanopia

#686874

Deuteranopia

#635D76

Tritanopia

#487C7E

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#F5FAF7
100
#E7F3ED
200
#CEE9DA
300
#ABD9C0
400
#7DC49D
500
#50AF7B
600
#408C62
700
#33704F
800
#28583D
900
#20412F
950
#14291E

Contrast Checker

Text on white

3.61:1

AA Fail AAA Fail

Text on black

5.81:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026