Color Palettes

Bright orange color

A clear, sunny orange with a golden glow. It feels energetic and friendly and is often used for call-to-action buttons, kids' products and fall decorations.

Also known as: Vivid orange.

Open in editor

The hex code for bright orange is #FFAC1C. In RGB it is rgb(255, 172, 28), in HSL hsl(38, 100%, 55%) and in CMYK 0, 33, 89, 0.

See it in real life

Pick a color to pair it with and see how it looks on clothes, interiors and design.

Colors similar to bright orange

Orange peel#FFA000Cantaloupe#FFA62FMarigold#EAA221Harvest gold#DA9100Pastel orange#FFB347Amber#FFBF00

About bright orange

Bright orange (#FFAC1C) is a warm, mid-tone, highly saturated color. It belongs to the oranges family. It mixes 255 red, 172 green and 28 blue (out of 255). It is mostly used in web, kids, fall decor.

Swatch of Bright orange with its shades from light to dark · #FFAC1C
Bright orange · #FFAC1C

Bright orange shades and tints

From lightest to darkest. Tap a shade to copy its code.

See all its shades: Color shades generator

Outfit colors by season and style80 palettes for men and women, each with 8 outfits to copy: quiet luxury, beach, mountain, office and more.See outfit palettes

Bright orange color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Electric blue
AnalogousClose to: Ferrari red, Fluorescent yellow
TriadicClose to: Spring green, Neon purple
Split complementaryClose to: Pool blue, Blue
TetradicClose to: Neon green, Electric blue, Shocking pink

Bright orange color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Bright orange
Analogous palette · Bright orange
Complementary palette · Bright orange
Triadic palette · Bright orange
With neutrals palette · Bright orange
With an accent palette · Bright orange

Bright orange contrast with text

White textContrast 1.9:1 · Not recommended
Black textContrast 11.2:1 · AAA

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --bright-orange: #FFAC1C;
  --bright-orange-rgb: 255, 172, 28;
}
.bg { background-color: var(--bright-orange); }
.text { color: var(--bright-orange); }

Colors similar to bright orange

HoneyCarrot orangeMustard yellowGoldenrod

Where you'll see this color

eBayBrandsLos Angeles LakersTeam colorsPittsburgh PiratesTeam colorsUCLA BruinsTeam colorsCalifornia Golden BearsTeam colorsKent State Golden FlashesTeam colorsMemphis GrizzliesTeam colorsPhoenix SunsTeam colors

Themed palettes with this color

Spring color palettesHalloween color palettesDay of the Dead color palettesHappy color palettesKids color palettesCaribbean color palettes

More oranges

OrangeTangerinePumpkin orangeCarrot orangeApricotPeachCoralTerracottaBurnt orangeSalmonRustCopperNeon orangePastel orangeOrange redPersimmonMangoBurnt siennaLight salmonDark orangeSafety orangeAtomic tangerineMelonLiving coral
Swatch of Bright orange with its shades from light to dark · #FFAC1C
Swatch of Bright orange with its shades from light to dark · #FFAC1C

Try this next

Name color paletteType a name and get your own color story paletteColor TowerThe color palette game: stack blocks in a gradientSelfie color analysisFind your season and best colors from one photo
See all free tools →

Frequently asked questions

What is the hex code for bright orange?

The hex code for bright orange is #FFAC1C. In RGB it is rgb(255, 172, 28), in HSL hsl(38, 100%, 55%) and in CMYK 0, 33, 89, 0.

What is the complementary color of bright orange?

Its complement on the color wheel is #1C6FFF, close to electric blue. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on bright orange?

Use black text instead: the contrast with white is only 1.9:1, while with black it is 11.2:1.