#FFF2E4

Light Orange

HEX

RGB

HSL

About #FFF2E4 Light Orange

#FFF2E4 is a light orange color. In the RGB color model, it is composed of 255 red, 242 green, and 228 blue. In the HSL color space, it has a hue of 31°, saturation of 100%, and lightness of 95%.

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 & Gradients

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

Beautiful Gradients

Color Properties

31°

Hue

100%

Saturation

95%

Lightness

Light Orange

Color Harmonies

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

Accessibility

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

Aa#FFF2E4 on White
Contrast Ratio1.1:1
AA AA Large AAA
Aa#FFF2E4 on Black
Contrast Ratio19.07:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #FFF2E4 across different color formats.

FormatValue
HEX#FFF2E4
RGBrgb(255, 242, 228)
HSLhsl(31, 100%, 95%)
RGB Decimal255, 242, 228
RGB Percent100.0%, 94.9%, 89.4%
CMYK (approx.)0%, 5%, 11%, 0%

Related Palettes

12 palettes using #FFF2E4 or similar colors

#FFF5E4#FFE3E1#FFD1D1#FF9494
#FAF0E6#CEAB93#AD8B73#886F68
#FFF1DC#FFB26B#FF7B54#D63447
#F9F5EB#E4C988#C57B57#78593F
#54BAB9#9ED2C6#E9DAC1#F7ECDE
#FEFCF3#F5EBE0#D5C4A1#BC9F6C
#FEA1BF#FDCEDF#F9F1F0#F2BED1
#D6C2C8#E3CED1#ECDFDF#F6F0EE
#D9C8BF#E0D9D2#ECE8DF#F6F5EE
#D9BFC0#E3D1CE#ECE3DF#F6F2EF
#D7C1C6#E2CFD0#EDE0DE#F6F1EF
#DBBDC3#E0D1D1#ECE1DF#F6F1EF