#CA8E4E

Orange

HEX

RGB

HSL

About #CA8E4E Orange

#CA8E4E is a orange color. In the RGB color model, it is composed of 202 red, 142 green, and 78 blue. In the HSL color space, it has a hue of 31°, saturation of 54%, and lightness of 55%.

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 #CA8E4E in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.

Beautiful Gradients

Color Properties

31°

Hue

54%

Saturation

55%

Lightness

Orange

Color Harmonies

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

Accessibility

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

Aa#CA8E4E on White
Contrast Ratio2.8:1
AA AA Large AAA
Aa#CA8E4E on Black
Contrast Ratio7.49:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #CA8E4E across different color formats.

FormatValue
HEX#CA8E4E
RGBrgb(202, 142, 78)
HSLhsl(31, 54%, 55%)
RGB Decimal202, 142, 78
RGB Percent79.2%, 55.7%, 30.6%
CMYK (approx.)0%, 30%, 61%, 21%

Related Palettes

12 palettes using #CA8E4E or similar colors

#F2E5BF#CB8A58#8A4F3D#61481C
#D27480#CE9D4E#A3CF58#4FCC5D
#9367D0#BF5DAF#C66069#BF994C
#AA2922#D59443#E9EF76#D6F2BF
#CC963F#A8D25E#7ACD84#3FC5B3
#C56874#CB9E56#9EC35E#7AD084
#CE5E6B#CA963C#A8D462#59C367
#C772BA#D25C68#C09C5B#8EB652
#C9863A#9DC23F#7DC980#50C5AC
#F9F5EB#E4C988#C57B57#78593F
#C32D22#DE8F45#E7DC79#DBF0AD
#C32A22#DE8C45#E7DA79#DCF0AD