#449F6A

#449F6A

Color Values

HEX

#449F6A

RGB

68, 159, 106

HSL

145.1, 40.1%, 44.5%

HSV

145.1, 57.2%, 62.4%

CMYK

57.2%, 0.0%, 33.3%, 37.6%

OKLCH

0.6331 0.1187 155.2

Properties

Cool Light Nearest: seagreen

Color Harmonies

Complementary

#449F6A

#9F4479

Analogous

#4B9F44

#449F98

#449F6A

Triadic

#449F6A

#6A449F

#9F6A44

Split Complementary

#449F6A

#98449F

#9F444B

Tetradic

#449F6A

#444B9F

#9F4479

#9F9844

Color Blindness Simulation

Original

#449F6A

Protanopia

#6B6C77

Deuteranopia

#665F7A

Tritanopia

#498183

Achromatopsia

#888888

CSS Usage

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

Tailwind Shades

50
#F5FAF7
100
#E7F3EC
200
#CDEAD9
300
#A9DABE
400
#7BC69A
500
#4CB377
600
#3D8F5F
700
#31724C
800
#26593C
900
#1F422E
950
#142A1D

Contrast Checker

Text on white

3.27:1

AA Fail AAA Fail

Text on black

6.41:1

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