Light Burnt Orange

Light Burnt Orange is a softer shade that blends earthy warmth with gentle vibrancy.

#CC5500

rgb(204, 85, 0)

Color Formats

Different formats of the color

HEX

#CC5500

RGB

rgb(204, 85, 0)

HSL

hsl(25, 100%, 40%)

Color Shades

Different shades of the color

Lightest

#ffa550

Lighter

#f47d28

Base

#CC5500

Darker

#a42d00

Darkest

#7c0500

Complementary

Complementary colors are colors that are opposite to each other on the color wheel.

Analogous

Analogous colors are colors that are next to each other on the color wheel.

Pick _ Swatches

Relevant _ Article

01

How to Choose Brand Colors That Actually Work (Complete Guide)

Most brand color decisions are made backwards. A founder picks a color they like, a designer builds around it, and six months later the brand feels slightly off — not wrong enough to fix, but not quite right either. The colors work in isolation and fall apart in application.

02

Seasonal Color Palettes: Spring 2026 Inspiration

There is a particular quality to spring light that no other season quite replicates. It is soft but clear, warm but not heavy — the kind of light that makes colors look like they are lit from within rather than lit from above. Every spring, designers respond to that shift, and the palettes that feel most resonant this season reflect something the broader culture is quietly reaching for: freshness without brightness, warmth without heaviness, color with enough confidence to be felt without being stated.

03

Guide to WCAG Color Contrast for Accessible Design

Imagine landing on a website where the light gray text sits on a white background. You squint, tilt your screen, and still struggle to read it. Now imagine that experience for someone with a visual impairment — or an aging user in bright sunlight on a mobile screen. This is not a hypothetical.

04

Using HEX vs RGB: When and Why (Expert Guide)

Every designer, developer, or brand strategist has faced the same quiet dilemma: should this color be written as #FF5733 or rgb(255, 87, 51)? Both values describe the same orange, yet the choice between them carries real consequences for how your project renders, scales, and communicates.

Observe _ Spectrum