#C8A67E

Orange

HEX

RGB

HSL

About #C8A67E Orange

#C8A67E is a orange color. In the RGB color model, it is composed of 200 red, 166 green, and 126 blue. In the HSL color space, it has a hue of 32°, saturation of 40%, and lightness of 64%.

This color has a medium lightness value, making it a balanced tone ideal for both text and UI elements. With moderate saturation, it appears balanced and versatile.

CSS Code

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

Color Properties

32°

Hue

40%

Saturation

64%

Lightness

Orange

Color Harmonies

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

Accessibility

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

Aa#C8A67E on White
Contrast Ratio2.28:1
AA AA Large AAA
Aa#C8A67E on Black
Contrast Ratio9.21:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #C8A67E across different color formats.

FormatValue
HEX#C8A67E
RGBrgb(200, 166, 126)
HSLhsl(32, 40%, 64%)
RGB Decimal200, 166, 126
RGB Percent78.4%, 65.1%, 49.4%
CMYK (approx.)0%, 17%, 37%, 22%

Related Palettes

12 palettes using #C8A67E or similar colors

#CA3651#C9AA81#A0C451#6AC770
#F5E6CA#F0D9B5#C4A882#8B7355
#CF9E78#ABC43F#56D14D#46CBA1
#624237#947351#BCAB76#CDCDB2
#C3A76F#9ECB5F#54C266#56C1B8
#664BC7#D569D9#BA5D78#CE9D71
#663F33#917255#B7A77B#D2D2AC
#5D473C#907855#BAAF78#D1D4AA
#663D33#927053#B6A57C#D0CFAE
#6F4E44#9F7750#BFA96E#D2D199
#614238#97724E#B5A67D#D3D3AB
#CB937D#C5C957#65CD48#55CC95