#FDD835

Share this color with others or download a color card image with HEX and RGB values. Perfect for social media, presentations, or design reference.

All Formats

HEX

#FDD835

RGB

rgb(253, 216, 53)

RGBA

rgba(253, 216, 53, 1)

HSL

hsl(48.9, 98.04%, 60%)

HSLA

hsla(49, 98%, 60%, 1)

CMYK

cmyk(0%, 15%, 79%, 1%)

Color Palettes

Harmonious color combinations based on #FDD835

Monochromatic

Shades and tints of the same hue

#322901

#977C02

#FCCF03

#FDE268

#FEF5CD

Analogous

Adjacent colors on the color wheel

#FD355A

#FD7435

#FDD835

#BEFD35

#5AFD35

Complementary

Opposite color for maximum contrast

#FDD835

#355AFD

Triadic

Three evenly spaced colors

#FDD835

#35FDD8

#D835FD

CSS Usage Examples

Background

background-color: #FDD835;

Text

color: #FDD835;

Border

border: 2px solid #FDD835;

Shadow

box-shadow: 0 4px 6px #FDD83540;

Related Colors

Discover harmonious color variations

Complementary

#355AFD

Opposite on color wheel

Lighter

#FEEC9A

+20% lightness

Darker

#CAA502

-20% lightness

Analogous -30°

#FD7435

Adjacent color

Analogous +30°

#BEFD35

Adjacent color