Pear to HSL — Color Code

#cbf85f
Format Value
HEX #cbf85f
RGB rgb(203, 248, 95)
HSL hsl(77.6, 91.6%, 67.3%)
CMYK cmyk(18.1%, 0%, 61.7%, 2.7%)
HSV hsv(77.6, 61.7%, 97.3%)

pear color harmonies

Tints & shades of pear

Tints (lighter)

#d0f96e #d4f97c #d9fa8b #defb99 #e3fba8 #e7fcb6 #ecfcc5 #f1fdd3 #f6fee2 #fafef0

Shades (darker)

#b9e156 #a6cb4e #94b445 #819e3c #6f8734 #5c712b #4a5a23 #37441a #252d11 #121709

Contrast & accessibility

The quick brown fox

On white · 1.23:1 · Fail

The quick brown fox

On black · 17.13:1 · AAA

Recommended text color: #000000

Use pear in code

CSS color: #cbf85f;
SCSS $color: #cbf85f;
Tailwind bg-[#cbf85f]
Swift UIColor(red: 0.796, green: 0.973, blue: 0.373, alpha: 1)
Android Color.parseColor("#cbf85f")
Flutter Color(0xFFCBF85F)

Colors similar to pear

Browse all Green colors →

What is the HSL code for pear?

The CSS color pear in HSL format is hsl(77.6, 91.6%, 67.3%). Use this value directly in CSS, SVG, and most design tools.

How do I use pear in CSS?

To apply pear in CSS:

  • Text color: color: hsl(77.6, 91.6%, 67.3%);
  • Background: background-color: hsl(77.6, 91.6%, 67.3%);
  • Border: border-color: hsl(77.6, 91.6%, 67.3%);

What are all the color format values for pear?

FormatValue
HEX#cbf85f
RGBrgb(203, 248, 95)
HSLhsl(77.6, 91.6%, 67.3%)
CMYKcmyk(18.1%, 0%, 61.7%, 2.7%)

How do I convert pear to HSL?

Select pear from the color name list in our color converter. The HSL value — hsl(77.6, 91.6%, 67.3%) — appears instantly alongside HEX, RGB, HSL and CMYK.

What color family does pear belong to?

pear belongs to the green color family. It is a medium, vivid color with HSL values: hue 77.6°, saturation 91.6%, lightness 67.3%.

How do I create lighter and darker shades of pear?

Lighter variant (lightness 82.3%): #e3fba9. Darker variant (lightness 52.3%): #b3f516. These values are computed by adjusting HSL lightness ±15% while keeping the same hue and saturation.

What is HSL used for?

HSL describes colors by hue (0–360°), saturation (0–100%) and lightness (0–100%). It is more intuitive for designers — easy to create lighter, darker or less saturated variants of any color.