#44916A

#44916A

Color Values

HEX

#44916A

RGB

68, 145, 106

HSL

149.6, 36.2%, 41.8%

HSV

149.6, 53.1%, 56.9%

CMYK

53.1%, 0.0%, 26.9%, 43.1%

OKLCH

0.5967 0.0979 159.3

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#44916A

#91446B

Analogous

#459144

#449191

#44916A

Triadic

#44916A

#6A4491

#916A44

Split Complementary

#44916A

#914491

#914445

Tetradic

#44916A

#444591

#91446B

#919144

Color Blindness Simulation

Original

#44916A

Protanopia

#656673

Deuteranopia

#615B76

Tritanopia

#487B7D

Achromatopsia

#7E7E7E

CSS Usage

background-color: #44916A;
color: #44916A;
border-color: #44916A;
Nearest Tailwind: Emerald 700 #047857

Tailwind Shades

50
#F5FAF7
100
#E8F3ED
200
#CEE8DB
300
#ACD8C2
400
#7EC3A0
500
#51AE7F
600
#418B66
700
#346F51
800
#29573F
900
#214030
950
#15291E

Contrast Checker

Text on white

3.82:1

AA Fail AAA Fail

Text on black

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