#F5F2A3

Light Yellow

HEX

RGB

HSL

About #F5F2A3 Light Yellow

#F5F2A3 is a light yellow color. In the RGB color model, it is composed of 245 red, 242 green, and 163 blue. In the HSL color space, it has a hue of 58°, 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 #F5F2A3 in your CSS, SCSS, or Tailwind projects.

Color Properties

58°

Hue

80%

Saturation

80%

Lightness

Light Yellow

Color Harmonies

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

Accessibility

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

Aa#F5F2A3 on White
Contrast Ratio1.16:1
AA AA Large AAA
Aa#F5F2A3 on Black
Contrast Ratio18.11:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #F5F2A3 across different color formats.

FormatValue
HEX#F5F2A3
RGBrgb(245, 242, 163)
HSLhsl(58, 80%, 80%)
RGB Decimal245, 242, 163
RGB Percent96.1%, 94.9%, 63.9%
CMYK (approx.)0%, 1%, 33%, 4%

Related Palettes

12 palettes using #F5F2A3 or similar colors

#F2F7A1#46C2CB#6D67E4#453C67
#D92662#E05D52#E8B37D#F0EAA8
#C32240#DE6845#E7C179#ECF0AD
#C3225B#DE4F45#E7AE79#F0EAAD
#EBC3B0#ECDDC0#EBEA9D#E1F0BF
#C3223D#DE6B45#E7C279#EBF0AD
#EAB0AE#ECC8B3#E3D3AB#E9EC9B
#EAE5A1#D4E89C#CAF1B0#9DE898
#F1E3BC#E6EBA8#DCEEC1#CFECC4
#C32235#DE7345#E7C879#E7F0AD
#FFB4B4#FFDEB4#FFF9B0#B6E2A1
#FF577F#FF884B#FFD384#FFF9B0