#CAA87D

Orange

HEX

RGB

HSL

About #CAA87D Orange

#CAA87D is a orange color. In the RGB color model, it is composed of 202 red, 168 green, and 125 blue. In the HSL color space, it has a hue of 34°, saturation of 42%, 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 & Gradients

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

Beautiful Gradients

Color Properties

34°

Hue

42%

Saturation

64%

Lightness

Orange

Color Harmonies

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

Accessibility

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

Aa#CAA87D on White
Contrast Ratio2.23:1
AA AA Large AAA
Aa#CAA87D on Black
Contrast Ratio9.41:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #CAA87D across different color formats.

FormatValue
HEX#CAA87D
RGBrgb(202, 168, 125)
HSLhsl(34, 42%, 64%)
RGB Decimal202, 168, 125
RGB Percent79.2%, 65.9%, 49.0%
CMYK (approx.)0%, 17%, 38%, 21%

Related Palettes

12 palettes using #CAA87D or similar colors

#CA3651#C9AA81#A0C451#6AC770
#F5E6CA#F0D9B5#C4A882#8B7355
#CF9E78#ABC43F#56D14D#46CBA1
#C3A76F#9ECB5F#54C266#56C1B8
#624237#947351#BCAB76#CDCDB2
#664BC7#D569D9#BA5D78#CE9D71
#C7696C#CDB370#9ED263#6CD582
#5D473C#907855#BAAF78#D1D4AA
#6F4E44#9F7750#BFA96E#D2D199
#663F33#917255#B7A77B#D2D2AC
#CC3AA5#C46765#CDBB7F#85C14D
#D16CB8#C85D5D#D0BA79#90CD52