#D4C3B0

Light Orange

HEX

RGB

HSL

About #D4C3B0 Light Orange

#D4C3B0 is a light orange color. In the RGB color model, it is composed of 212 red, 195 green, and 176 blue. In the HSL color space, it has a hue of 32°, saturation of 30%, and lightness of 76%.

This color has a high lightness value, making it a light color suitable for backgrounds. With low saturation, it appears muted and subtle.

CSS Code

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

Color Properties

32°

Hue

30%

Saturation

76%

Lightness

Light Orange

Color Harmonies

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

Accessibility

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

Aa#D4C3B0 on White
Contrast Ratio1.72:1
AA AA Large AAA
Aa#D4C3B0 on Black
Contrast Ratio12.23:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #D4C3B0 across different color formats.

FormatValue
HEX#D4C3B0
RGBrgb(212, 195, 176)
HSLhsl(32, 30%, 76%)
RGB Decimal212, 195, 176
RGB Percent83.1%, 76.5%, 69.0%
CMYK (approx.)0%, 8%, 17%, 17%

Related Palettes

12 palettes using #D4C3B0 or similar colors

#62373F#97534E#BC8C76#D0C2AE
#5E3B3E#8D6059#BB9277#D3C5AB
#663340#984D4E#BA8778#D3BFAC
#60393C#975B4F#AE9684#CEC4B0
#60393D#8D6059#B29380#D5C5AA
#5C3D40#99574C#AF9483#D5C5AA
#60393C#9A594C#BA9478#D4C6AA
#653439#965A4F#B4947E#CDC3B1
#5F3A44#9A4C4D#AE8E84#D4BFAA
#65343C#915A55#B98E79#CDC2B2
#673332#97624E#B59A7D#D2C9AC
#5F3A46#955157#B18981#CFBDAF