Maroon Colors  ·  Color Library

Palettes / Colors / #44C19A

#44C19A — Muted Teal

#44C19A is a teal color we call Muted Teal, closest to the named color LightSeaGreen (#20B2AA). It belongs to the teal family.

Color name

Closest CSS keyword: lightseagreen (#20B2AA) — not an exact match. CSS lightseagreen gives you #20B2AA, a different color; use #44C19A when you need this exact shade.

Sources: common names follow widely used color-name references; CSS keywords and their hex values follow the CSS Color specification.

#44C19A is a cool teal color associated with freshness, clarity and balance. It sits comfortably in the middle: usable for large areas in soft schemes, or as a supporting color beside something stronger.

Its strongest partner is its complement #C1446B; it also sits naturally between #44C15A and #44AAC1. In the palettes below you can see it working alongside real color combinations from our collection.

#44C19A · RGB 68, 193, 154

Download PNG swatch SVG

Color values

HEX#44C19A
RGB68, 193, 154
HSL161°, 50%, 51%
HSV161°, 65%, 76%
CMYK65%, 0%, 20%, 24%
XYZ27.29, 41.70, 37.18
Yxy41.70, 0.2570, 0.3928
CIE-Lab70.66, -43.71, 9.63
Hunter Lab64.58, -34.68, 7.84

RGB & CMYK percentages

Red 27% · Green 76% · Blue 60%

Cyan 65% · Magenta 0% · Yellow 20% · Key 24%

CMYK values are unprofiled approximations for screen reference — not a print-proofing guarantee.

Previews

Sample text in #44C19A on black
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sample text in #44C19A on white
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

CSS code for #44C19A

.text { color: #44C19A; }
.background { background-color: #44C19A; }
.border { border: 3px solid #44C19A; }
.text-rgb { color: rgb(68, 193, 154); }
.text-hsl { color: hsl(161, 50%, 51%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #44C19A; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(68, 193, 154, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #44C19A; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(68, 193, 154, 0.8); }

HTML: <p style="color:#44C19A">Text here</p> · <div style="background-color:#44C19A">Div content here</div>

Shades of #44C19A

#3BB08B#36A17F#2F8E70#297A61#246B54#1D5845#174536#113227#0B221B#050F0C

Tints of #44C19A

#57C7A3#66CCAC#79D2B6#88D7BE#9CDEC9#ABE3D1#BEE9DC#CDEEE4#E0F5EE#F0FAF7

Tones of #44C19A

#4CB896#55AF93#5EA68F#689C8C#719488#798B85

Color harmonies

Complementary — #C1446B:

Analogous:

Triadic:

Contrast & accessibility

Against white text2.25:1 Fails
Against black text9.34:1 AAA

Best text color on #44C19A: #000000.

Semi-transparent (opacity) text on #44C19A

Text set with opacity blends into the background, so its real contrast is lower than the solid ratios above. Choose a text color and an opacity to see the blended color and its true ratio:

100%
Sample heading text
Smaller body text shows the effect best.

Blended color: · Contrast against #44C19A: ·

How #44C19A looks with color blindness

Simulated with standard Machado color-vision-deficiency matrices — useful when this color carries meaning in charts, maps or interfaces:

Protanopia · #7A7BA3Deuteranopia · #736AA6Tritanopia · #4AABAD

Closest design-system colors

The nearest matches in the Tailwind CSS, Material Design and Bootstrap palettes — handy when you need a framework class instead of a raw hex:

Tailwind teal 500 · #14B8A6Tailwind emerald 500 · #10B981Tailwind green 500 · #22C55E

Palettes with a similar color

These palettes use a close neighbour of #44C19A rather than the exact color:

Gentle Ruby Meadow
#3E7D24 · #48CB5C · #43C591 · #216467
Silent Cinder
#44BAA1 · #8BCDD4 · #4A87B3 · #395299
Misty Marble
#622971 · #AF973F · #46BCA3 · #E7D3E8
Golden Horizon
#47C94A · #3FCE9D · #185973 · #20287E
Palette 007f73
#007F73 · #4CCD99 · #FFC700 · #FFF455
Crystal Ruby Voyage
#775622 · #3AC790 · #8735BB · #F0EADB

Similar colors

The closest colors that actually appear in our palette collection — click any to open its page:

#43C591#44BAA1#46BCA3#3FCE9D#4CCD99#3AC790#37C99E#36BA98#41B3A2#3BC1A8#53C0A2#4ECCA3

Browse neighbouring colors

← #44C199  ·  #44C19B →

Frequently asked questions

What color is #44C19A?

#44C19A is Muted Teal, a teal color (RGB 68, 193, 154). Its closest standard named color is LightSeaGreen.

What is the RGB and HSL of #44C19A?

#44C19A is RGB 68, 193, 154 — HSL 161°, 50%, 51% — CMYK 65%, 0%, 20%, 24%.

What colors go with #44C19A?

Its complement is #C1446B; analogous partners are #44C15A and #44AAC1. It also appears in 6+ palettes in our collection.

Can I use #44C19A for text?

Black text on #44C19A has a contrast ratio of 9.34:1 (passes WCAG AA); white text gives 2.25:1.