#F5F0A3

Light Yellow

HEX

RGB

HSL

About #F5F0A3 Light Yellow

#F5F0A3 is a light yellow color. In the RGB color model, it is composed of 245 red, 240 green, and 163 blue. In the HSL color space, it has a hue of 56°, saturation of 80%, and lightness of 80%.

This color has a high lightness value, making it a light color suitable for backgrounds. With high saturation, it appears vibrant and eye-catching.

CSS Code

Use #F5F0A3 in your CSS, SCSS, or Tailwind projects.

Color Properties

56°

Hue

80%

Saturation

80%

Lightness

Light Yellow

Color Harmonies

Colors that work well with #F5F0A3 based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #F5F0A3 against white and black backgrounds.

Aa#F5F0A3 on White
Contrast Ratio1.17:1
AA AA Large AAA
Aa#F5F0A3 on Black
Contrast Ratio17.88:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #F5F0A3 across different color formats.

FormatValue
HEX#F5F0A3
RGBrgb(245, 240, 163)
HSLhsl(56, 80%, 80%)
RGB Decimal245, 240, 163
RGB Percent96.1%, 94.1%, 63.9%
CMYK (approx.)0%, 2%, 33%, 4%

Related Palettes

12 palettes using #F5F0A3 or similar colors

#F2F7A1#46C2CB#6D67E4#453C67
#D92662#E05D52#E8B37D#F0EAA8
#C3225B#DE4F45#E7AE79#F0EAAD
#EBC3B0#ECDDC0#EBEA9D#E1F0BF
#C32240#DE6845#E7C179#ECF0AD
#C3223D#DE6B45#E7C279#EBF0AD
#EAB0AE#ECC8B3#E3D3AB#E9EC9B
#EAE5A1#D4E89C#CAF1B0#9DE898
#F1E3BC#E6EBA8#DCEEC1#CFECC4
#EB969A#EDC0AF#F0D7AF#E8E5A4
#C32235#DE7345#E7C879#E7F0AD
#E5A6A6#F1C9B4#EED9B1#EAEAAF