ع

Eucalyptus

أوكالبتوس

Color codes

HEX
RGB
HSL
HSV
CMYK (approximate)
CIELAB
CSS
Relative luminance0.5266
Cyan & Teal Cool Colors Cool

Shades of Eucalyptus

All shades

Lighter

Darker

Tints mixed with white

Tones mixed with gray

Color harmonies

Complementary

Opposite on the wheel (180°): maximum contrast for accents.

Export
Analogous

Neighbors 30° apart: calm and natural.

Export
Triadic

Three hues 120° apart: vibrant yet balanced.

Export
Split-complementary

The base plus the two neighbors of its complement: contrast with less tension.

Export
Tetradic

Four hues 90° apart: rich, best with one dominant color.

Export
Monochromatic

One hue in several lightness levels: elegant and consistent.

Export

Contrast and readability

White text1.82:1
✗ AA✗ AAA✗ AA Large
Black text11.53:1
✓ AA✓ AAA✓ AA Large
On white1.82:1
✗ AA✗ AAA✗ AA Large
On black10.37:1
✓ AA✓ AAA✓ AA Large

Text colors that pass AA

Check in the contrast checker

In a design

Plan your next project

A short paragraph shows how body text sits next to the color.

Get started Learn more
New

Cards and badges use a soft tint of the color. Read more

Plan your next project

A short paragraph shows how body text sits next to the color.

Get started
New

Cards and badges use a soft tint of the color.

Eucalyptus

Full-color background with readable text.

Get started

About Eucalyptus

Eucalyptus (#44D7A8) is a medium, moderately saturated color from the Cyan & Teal family with a cool character. It is made of 68 red, 215 green and 168 blue (hsl(161, 65%, 55%)). Its contrast ratio is 1.82:1 against white and 11.53:1 against black, so dark text reads best on it.

Suggested uses

  • buttons, highlights and calls to action
  • logos and brand accents
  • calm, trustworthy or technical themes

Reading the codes

In HEX, #44D7A8 stores red, green and blue as pairs of base-16 digits: 68, 215 and 168 out of 255. In HSL the same color has a hue of 161°, 65% saturation and 55% lightness, which makes lighter or darker variants easy to create by changing only the lightness.

Similar colors

#00CC99Caribbean Green#66CDAAMedium Aquamarine#93E9BESeafoam Green#50C878Emerald#3EB489Mint#40E0D0Turquoise#7FFFD4Aquamarine#00FA9AMedium Spring Green#3CB371Medium Sea Green#ACE1AFCeladon

Palettes with this color

Fresh Startup#06D6A0 #118AB2 #073B4C #FFD166 #EF476FEco Brand#2D6A4F #40916C #95D5B2 #D8F3DC #081C15SaaS Dashboard#0F172A #1E293B #6366F1 #10B981 #F8FAFCMint Gelato#E3F9F1 #B8F2E6 #AED9E0 #FFA69E #5E6472

Tools for this color

Shades GeneratorGenerate tints, tones, lighter and darker shades and saturation variations.Contrast CheckerAccurate WCAG contrast ratio with AA/AAA results and accessible suggestions.Color Harmony GeneratorComplementary, analogous, triadic, tetradic, split-complementary and monochromatic harmonies.Color Blindness SimulatorApproximate protanopia, deuteranopia, tritanopia and achromatopsia simulations.

Frequently asked questions

What is the HEX code of Eucalyptus?
The HEX code of Eucalyptus is #44D7A8. In RGB it is rgb(68, 215, 168) and in HSL hsl(161, 65%, 55%).
Which text color works on Eucalyptus?
White text has a contrast ratio of 1.82:1 on Eucalyptus and black text 11.53:1, so black text is more readable. WCAG AA needs at least 4.5:1 for normal text.
What is the complementary color of Eucalyptus?
Rotating the hue of Eucalyptus by 180° gives #D74473, its complementary color on the RGB color wheel.
What is Eucalyptus in CMYK?
An approximate CMYK value for Eucalyptus is cmyk(68%, 0%, 22%, 16%). For printing, ask your printer for an ICC-profiled conversion.