Color Palettes

Bright yellow color

A loud, sunny yellow that grabs attention from across the room. It is used for highlighters, raincoats, kids' toys and anything that needs to feel happy and visible.

Also known as: Vivid yellow.

The hex code for bright yellow is #FFEA00. In RGB it is rgb(255, 234, 0), in HSL hsl(55, 100%, 50%) and in CMYK 0, 8, 100, 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 yellow

Canary yellow#FFEF00Golden yellow#FFDF00Lemon yellow#FFF700School bus yellow#FFD800Sunshine yellow#FFFD37Dandelion#F0E130

About bright yellow

Bright yellow (#FFEA00) is a warm, mid-tone, highly saturated color. It belongs to the yellows family. It mixes 255 red, 234 green and 0 blue (out of 255). It is mostly used in kids, signage, fashion.

Swatch of Bright yellow with its shades from light to dark · #FFEA00
Bright yellow · #FFEA00

Bright yellow 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 yellow color harmonies

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

ComplementaryClose to: Blue
AnalogousClose to: Pumpkin orange, Chartreuse
TriadicClose to: Turquoise blue, Magenta
Split complementaryClose to: Bright blue, Violet
TetradicClose to: Spring green, Blue, Deep pink

Bright yellow color palettes

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

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

Bright yellow contrast with text

White textContrast 1.2:1 · Not recommended
Black textContrast 17.0:1 · AAA

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

CSS code

:root {
  --bright-yellow: #FFEA00;
  --bright-yellow-rgb: 255, 234, 0;
}
.bg { background-color: var(--bright-yellow); }
.text { color: var(--bright-yellow); }

Colors similar to bright yellow

GoldDaffodilBanana yellowYellow

Where you'll see this color

BoliviaFlagsMercado LibreBrands

Themed palettes with this color

More yellows

YellowGoldOld goldMustard yellowLemon yellowAmberWheatHoneyCanary yellowSaffronChampagnePastel yellowFluorescent yellowCorn yellowSunflower yellowGoldenrodDark goldenrodButter yellowMarigoldMaizeBanana yellowMellow yellowGolden yellowMetallic gold
Swatch of Bright yellow with its shades from light to dark · #FFEA00
Swatch of Bright yellow with its shades from light to dark · #FFEA00

Try this next

Name color paletteType a name and get your own color story paletteSpin the wheelType your options and spin. A color wheel tooPalette slot machinePull the lever and get a color palette
See all free tools →

Frequently asked questions

What is the hex code for bright yellow?

The hex code for bright yellow is #FFEA00. In RGB it is rgb(255, 234, 0), in HSL hsl(55, 100%, 50%) and in CMYK 0, 8, 100, 0.

What is the complementary color of bright yellow?

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

Can you use white text on bright yellow?

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