#E0CCC2

Light Orange

HEX

RGB

HSL

About #E0CCC2 Light Orange

#E0CCC2 is a light orange color. In the RGB color model, it is composed of 224 red, 204 green, and 194 blue. In the HSL color space, it has a hue of 20°, saturation of 33%, and lightness of 82%.

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

Use #E0CCC2 in your CSS, SCSS, or Tailwind projects.

Color Properties

20°

Hue

33%

Saturation

82%

Lightness

Light Orange

Color Harmonies

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

Accessibility

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

Aa#E0CCC2 on White
Contrast Ratio1.55:1
AA AA Large AAA
Aa#E0CCC2 on Black
Contrast Ratio13.59:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #E0CCC2 across different color formats.

FormatValue
HEX#E0CCC2
RGBrgb(224, 204, 194)
HSLhsl(20, 33%, 82%)
RGB Decimal224, 204, 194
RGB Percent87.8%, 80.0%, 76.1%
CMYK (approx.)0%, 9%, 13%, 12%

Related Palettes

12 palettes using #E0CCC2 or similar colors

#DBD0BD#DFDDD2#EAE9E1#F4F5F0
#D9CFBF#E3DECE#ECEBDF#F5F5EF
#D9C8BF#E0D9D2#ECE8DF#F6F5EE
#DAC6BE#E4D7CD#E9E6E2#F5F4EF
#D7D0C1#E3E0CE#EAEBE0#F4F6EF
#D6CBC2#E2DBD0#EDEADE#F6F6EF
#D9D3BF#DFDFD2#EBEDDE#F3F5F0
#DBD4BD#E2E1CF#E9E9E2#F4F6EF
#EDC1D4#EDBEC2#E9C7BC#EAD4B8
#D7D4C1#E0E1D1#E9EBE0#F3F5F0
#DBD6BD#E2E2CF#EAEDDE#F3F5F0
#ECD0C4#EDDDC3#E5E3AB#CDE1A0