Light tan to HSL — Color Code

#fbeeac
Format Value
HEX #fbeeac
RGB rgb(251, 238, 172)
HSL hsl(50.1, 90.8%, 82.9%)
CMYK cmyk(0%, 5.2%, 31.5%, 1.6%)
HSV hsv(50.1, 31.5%, 98.4%)

light tan color harmonies

Tints & shades of light tan

Tints (lighter)

#fbf0b4 #fcf1bb #fcf3c3 #fcf4ca #fdf6d2 #fdf7d9 #fef9e1 #fefae8 #fefcf0 #fffdf7

Shades (darker)

#e4d89c #cdc38d #b7ad7d #a0976d #89825e #726c4e #5b573f #44412f #2e2b1f #171610

Contrast & accessibility

The quick brown fox

On white · 1.17:1 · Fail

The quick brown fox

On black · 17.93:1 · AAA

Recommended text color: #000000

Use light tan in code

CSS color: #fbeeac;
SCSS $color: #fbeeac;
Tailwind bg-[#fbeeac]
Swift UIColor(red: 0.984, green: 0.933, blue: 0.675, alpha: 1)
Android Color.parseColor("#fbeeac")
Flutter Color(0xFFFBEEAC)

Colors similar to light tan

Browse all Yellow colors →

What is the HSL code for light tan?

The CSS color light tan in HSL format is hsl(50.1, 90.8%, 82.9%). Use this value directly in CSS, SVG, and most design tools.

How do I use light tan in CSS?

To apply light tan in CSS:

  • Text color: color: hsl(50.1, 90.8%, 82.9%);
  • Background: background-color: hsl(50.1, 90.8%, 82.9%);
  • Border: border-color: hsl(50.1, 90.8%, 82.9%);

What are all the color format values for light tan?

FormatValue
HEX#fbeeac
RGBrgb(251, 238, 172)
HSLhsl(50.1, 90.8%, 82.9%)
CMYKcmyk(0%, 5.2%, 31.5%, 1.6%)

How do I convert light tan to HSL?

Select light tan from the color name list in our color converter. The HSL value — hsl(50.1, 90.8%, 82.9%) — appears instantly alongside HEX, RGB, HSL and CMYK.

What color family does light tan belong to?

light tan belongs to the yellow color family. It is a light, vivid color with HSL values: hue 50.1°, saturation 90.8%, lightness 82.9%.

How do I create lighter and darker shades of light tan?

Lighter variant (lightness 95%): #fefae7. Darker variant (lightness 67.9%): #f7df63. 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.