Sand yellow to HSL — Color Code

#fce166
Format Value
HEX #fce166
RGB rgb(252, 225, 102)
HSL hsl(49.2, 96.2%, 69.4%)
CMYK cmyk(0%, 10.7%, 59.5%, 1.2%)
HSV hsv(49.2, 59.5%, 98.8%)

sand yellow color harmonies

Tints & shades of sand yellow

Tints (lighter)

#fce474 #fde682 #fde990 #fdec9e #fdefac #fef1b9 #fef4c7 #fef7d5 #fefae3 #fffcf1

Shades (darker)

#e5cd5d #ceb853 #b7a44a #a08f41 #897b38 #73662e #5c5225 #453d1c #2e2913 #171409

Contrast & accessibility

The quick brown fox

On white · 1.3:1 · Fail

The quick brown fox

On black · 16.1:1 · AAA

Recommended text color: #000000

Use sand yellow in code

CSS color: #fce166;
SCSS $color: #fce166;
Tailwind bg-[#fce166]
Swift UIColor(red: 0.988, green: 0.882, blue: 0.400, alpha: 1)
Android Color.parseColor("#fce166")
Flutter Color(0xFFFCE166)

Colors similar to sand yellow

Browse all Yellow colors →

What is the HSL code for sand yellow?

The CSS color sand yellow in HSL format is hsl(49.2, 96.2%, 69.4%). Use this value directly in CSS, SVG, and most design tools.

How do I use sand yellow in CSS?

To apply sand yellow in CSS:

  • Text color: color: hsl(49.2, 96.2%, 69.4%);
  • Background: background-color: hsl(49.2, 96.2%, 69.4%);
  • Border: border-color: hsl(49.2, 96.2%, 69.4%);

What are all the color format values for sand yellow?

FormatValue
HEX#fce166
RGBrgb(252, 225, 102)
HSLhsl(49.2, 96.2%, 69.4%)
CMYKcmyk(0%, 10.7%, 59.5%, 1.2%)

How do I convert sand yellow to HSL?

Select sand yellow from the color name list in our color converter. The HSL value — hsl(49.2, 96.2%, 69.4%) — appears instantly alongside HEX, RGB, HSL and CMYK.

What color family does sand yellow belong to?

sand yellow belongs to the yellow color family. It is a medium, vivid color with HSL values: hue 49.2°, saturation 96.2%, lightness 69.4%.

How do I create lighter and darker shades of sand yellow?

Lighter variant (lightness 84.4%): #fdf0b1. Darker variant (lightness 54.400000000000006%): #fbd21b. 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.