Leaf to RGB — Color Code

#71aa34
Format Value
HEX #71aa34
RGB rgb(113, 170, 52)
HSL hsl(89, 53.2%, 43.5%)
CMYK cmyk(33.5%, 0%, 69.4%, 33.3%)
HSV hsv(89, 69.4%, 66.7%)

leaf color harmonies

Tints & shades of leaf

Tints (lighter)

#7eb246 #8bb959 #98c16b #a5c97e #b2d190 #bed8a3 #cbe0b5 #d8e8c8 #e5f0da #f2f7ed

Shades (darker)

#679b2f #5c8b2b #527c26 #486c21 #3e5d1c #334d18 #293e13 #1f2e0e #151f09 #0a0f05

Contrast & accessibility

The quick brown fox

On white · 2.8:1 · Fail

The quick brown fox

On black · 7.5:1 · AAA

Recommended text color: #000000

Use leaf in code

CSS color: #71aa34;
SCSS $color: #71aa34;
Tailwind bg-[#71aa34]
Swift UIColor(red: 0.443, green: 0.667, blue: 0.204, alpha: 1)
Android Color.parseColor("#71aa34")
Flutter Color(0xFF71AA34)

Colors similar to leaf

Browse all Green colors →

What is the RGB code for leaf?

The CSS color leaf in RGB format is rgb(113, 170, 52). Use this value directly in CSS, SVG, and most design tools.

How do I use leaf in CSS?

To apply leaf in CSS:

  • Text color: color: rgb(113, 170, 52);
  • Background: background-color: rgb(113, 170, 52);
  • Border: border-color: rgb(113, 170, 52);

What are all the color format values for leaf?

FormatValue
HEX#71aa34
RGBrgb(113, 170, 52)
HSLhsl(89, 53.2%, 43.5%)
CMYKcmyk(33.5%, 0%, 69.4%, 33.3%)

How do I convert leaf to RGB?

Select leaf from the color name list in our color converter. The RGB value — rgb(113, 170, 52) — appears instantly alongside HEX, RGB, HSL and CMYK.

What color family does leaf belong to?

leaf belongs to the green color family. It is a medium, moderately saturated color with HSL values: hue 89°, saturation 53.2%, lightness 43.5%.

How do I create lighter and darker shades of leaf?

Lighter variant (lightness 58.5%): #97cd5d. Darker variant (lightness 28.5%): #4a6f22. These values are computed by adjusting HSL lightness ±15% while keeping the same hue and saturation.

What is RGB used for?

RGB defines colors using three values from 0 to 255 — red, green and blue intensity. It is the native format for screens, monitors and web browsers.