Bright Yellow

#FFED29

What color is Bright Yellow?

Bright yellow is a strong, warm yellow with a clear, sunlit tone, hex #FFED29, similar to the color of a ripe sunflower petal. It has a slight green lean that keeps it from looking golden or pale.

What is the meaning of the color Bright Yellow?

Yellow pigments in ancient Egypt were made from orpiment, a mineral mined along the Nile and used in tomb paintings as early as 3000 BCE. By the 18th century, bright yellow dyes had become a marker of visibility in trade and transport, appearing on postal coaches in Britain to signal official routes. In 1867, the International Exhibition in Paris helped standardize bright yellows as a category distinct from gold and ochre, separating decorative from signal uses. The construction and safety industry adopted high-visibility yellow formally in the 1960s, and Caterpillar Inc. has used a version of bright yellow as its brand color since the 1930s.

RGB
255, 237, 41
HSL
55°, 100%, 58%
CMYK
0, 7, 84, 0
HSV
55°, 84%, 100%
Bright yellow color

What colors go with Bright Yellow?

Colors that pair well with Bright yellow include:
Navy blue: sharp, grounding contrast
White: clean, open brightness
Charcoal gray: bold, modern depth
Forest green: natural, earthy balance
Deep violet: vivid, unexpected warmth

Similar Colors

Conversions & Codes

Format Value CSS
HEX #FFED29 color: #FFED29;
RGB 255, 237, 41 color: rgb(255, 237, 41);
RGB Percentage 100%, 93%, 16% color: rgb(100%, 93%, 16%);
CMYK 0%, 7%, 84%, 0% Not supported in CSS
HSL 55°, 100%, 58% color: hsl(55, 100%, 58%);
HSV 55°, 84%, 100% Not supported in CSS
CIE-LAB 46, 4, 65 color: lab(46% 4 65);
Decimal 16772393 Not supported in CSS

Color Variations

Shades

#FFED29
#FFEB0B
#EDD900
#CFBE00
#B1A300
#948800
#766C00
#595100

Tints

#FFFABF
#FFF8A9
#FFF694
#FFF47E
#FFF369
#FFF154
#FFEF3E
#FFED29

Tones

#FFED29
#F4E434
#EADB3E
#DFD249
#D4C954
#C9C15E
#BFB869
#B4AF74

Hues

#FFED29
#70FF29
#29FF82
#29DBFF
#293BFF
#B829FF
#FF29A6
#FF4D29

Color Harmonies

Analogous

#FF8229
Click to copy
#FFED29
Click to copy
#A6FF29
Click to copy

Complementary

#FFED29
Click to copy
#293BFF
Click to copy

Split Complementary

#FFED29
Click to copy
#29A6FF
Click to copy
#8229FF
Click to copy

Triadic

#FFED29
Click to copy
#29FFED
Click to copy
#ED29FF
Click to copy

Tetradic

#FFED29
Click to copy
#29FF82
Click to copy
#293BFF
Click to copy
#FF29A6
Click to copy

Square

#FFED29
Click to copy
#29FF82
Click to copy
#293BFF
Click to copy
#FF29A6
Click to copy

CSS & Dev Snippets

CSS
.bright-yellow {
  color: #FFED29;
}
SCSS
$bright-yellow: #FFED29;
RGB
rgb(255, 237, 41)

Accessibility & Contrast

White background

1.21:1
1.21
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

17.40:1
17.40
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags