#44AC70

#44AC70

Color Values

HEX

#44AC70

RGB

68, 172, 112

HSL

145,4, 43,3%, 47,1%

HSV

145,4, 60,5%, 67,5%

CMYK

60,5%, 0,0%, 34,9%, 32,5%

OKLCH

0,6681 0,1317 155,0

Properties

Cool Light Nearest: mediumseagreen

Color Harmonies

Complementary

#44AC70

#AC4480

Analogous

#4CAC44

#44ACA4

#44AC70

Triadic

#44AC70

#7044AC

#AC7044

Split Complementary

#44AC70

#A444AC

#AC444C

Tetradic

#44AC70

#444CAC

#AC4480

#ACA444

Color Blindness Simulation

Original

#44AC70

Protanopia

#71727F

Deuteranopia

#6B6382

Tritanopia

#498A8C

Achromatopsia

#929292

CSS Usage

background-color: #44AC70;
color: #44AC70;
border-color: #44AC70;
Nearest Tailwind: Emerald 500 #10B981

Tailwind Shades

50
#F5FAF7
100
#E7F4EC
200
#CCEBD9
300
#A7DCBE
400
#78CA9A
500
#48B777
600
#3A925F
700
#2E754C
800
#245B3C
900
#1E432E
950
#132B1D

Contrast Checker

Text on white

2,85:1

AA Fail AAA Fail

Text on black

7,38:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026