#F2E0BB

Light Yellow

HEX

RGB

HSL

About #F2E0BB Light Yellow

#F2E0BB is a light yellow color. In the RGB color model, it is composed of 242 red, 224 green, and 187 blue. In the HSL color space, it has a hue of 40°, saturation of 68%, and lightness of 84%.

This color has a high lightness value, making it a light color suitable for backgrounds. With moderate saturation, it appears balanced and versatile.

CSS Code & Gradients

Use #F2E0BB in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.

Beautiful Gradients

Color Properties

40°

Hue

68%

Saturation

84%

Lightness

Light Yellow

Color Harmonies

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

Accessibility

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

Aa#F2E0BB on White
Contrast Ratio1.3:1
AA AA Large AAA
Aa#F2E0BB on Black
Contrast Ratio16.16:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #F2E0BB across different color formats.

FormatValue
HEX#F2E0BB
RGBrgb(242, 224, 187)
HSLhsl(40, 68%, 84%)
RGB Decimal242, 224, 187
RGB Percent94.9%, 87.8%, 73.3%
CMYK (approx.)0%, 7%, 23%, 5%

Related Palettes

12 palettes using #F2E0BB or similar colors

#F1E3BC#E6EBA8#DCEEC1#CFECC4
#B715A1#D94078#EA8A7B#F6E1BB
#E9B998#F1E3BE#E1E5AB#D4EAB3
#B51795#D93F6E#ED8F78#F3E3BE
#F2BBB7#E7C9B3#F1E4BD#E3E8AD
#B11BA5#DA3F7F#E7877E#F2DDBF
#EFD1B9#EEE3BB#DEE5A5#CDE7AF
#E4A8B4#ECC3BC#E2C3A8#EEE3BA
#A923A2#D54385#E28883#F5DCBD
#F4DFB6#DE8F5F#9E6F21#644E19
#EBA747#47EBA7#A747EB#F7DEBA
#EBB447#47EBB4#B447EB#F7E3BA