#F5E0A3

Light Yellow

HEX

RGB

HSL

About #F5E0A3 Light Yellow

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

Color Properties

45°

Hue

80%

Saturation

80%

Lightness

Light Yellow

Color Harmonies

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

Accessibility

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

Aa#F5E0A3 on White
Contrast Ratio1.31:1
AA AA Large AAA
Aa#F5E0A3 on Black
Contrast Ratio16.07:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #F5E0A3 across different color formats.

FormatValue
HEX#F5E0A3
RGBrgb(245, 224, 163)
HSLhsl(45, 80%, 80%)
RGB Decimal245, 224, 163
RGB Percent96.1%, 87.8%, 63.9%
CMYK (approx.)0%, 9%, 33%, 4%

Related Palettes

12 palettes using #F5E0A3 or similar colors

#E4DCCF#F2DDA4#7EB5A6#413C69
#C32273#DE4551#E79E79#F0E0AD
#FFDBA4#FFB4B4#FF8DC7#C689C6
#C3226D#DE454C#E7A179#F0E2AD
#C3227B#DE4559#E79879#F0DCAD
#D92662#E05D52#E8B37D#F0EAA8
#C3227D#DE455C#E79679#F0DBAD
#EAE5A1#D4E89C#CAF1B0#9DE898
#F1C9B6#EED6A5#EBEBC0#DCEDB9
#E7B2AB#ECC2A0#EDDB9A#DDE4AA
#EB969A#EDC0AF#F0D7AF#E8E5A4
#EDCAB5#EBD6A5#E5E89E#DDEDC1