#F2F8A0

Light Yellow

HEX

RGB

HSL

About #F2F8A0 Light Yellow

#F2F8A0 is a light yellow color. In the RGB color model, it is composed of 242 red, 248 green, and 160 blue. In the HSL color space, it has a hue of 64°, saturation of 86%, 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 #F2F8A0 in your CSS, SCSS, or Tailwind projects.

Color Properties

64°

Hue

86%

Saturation

80%

Lightness

Light Yellow

Color Harmonies

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

Accessibility

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

Aa#F2F8A0 on White
Contrast Ratio1.12:1
AA AA Large AAA
Aa#F2F8A0 on Black
Contrast Ratio18.71:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #F2F8A0 across different color formats.

FormatValue
HEX#F2F8A0
RGBrgb(242, 248, 160)
HSLhsl(64, 86%, 80%)
RGB Decimal242, 248, 160
RGB Percent94.9%, 97.3%, 62.7%
CMYK (approx.)2%, 0%, 35%, 3%

Related Palettes

12 palettes using #F2F8A0 or similar colors

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