#F2C75C

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

#F2C75C

RGB

rgb(242, 199, 92)

RGBA

rgba(242, 199, 92, 1)

HSL

hsl(42.8, 85.23%, 65.49%)

HSLA

hsla(43, 85%, 65%, 1)

CMYK

cmyk(0%, 18%, 62%, 5%)

Color Palettes

Harmonious color combinations based on #F2C75C

Monochromatic

Shades and tints of the same hue

#2F2304

#8E690B

#ECAE13

#F4CF71

#FBEFD0

Analogous

Adjacent colors on the color wheel

#F25A85

#F27B5A

#F2C75C

#D1F25A

#85F25A

Complementary

Opposite color for maximum contrast

#F2C75C

#5A85F2

Triadic

Three evenly spaced colors

#F2C75C

#5AF2C7

#C75AF2

CSS Usage Examples

Background

background-color: #F2C75C;

Text

color: #F2C75C;

Border

border: 2px solid #F2C75C;

Shadow

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

Related Colors

Discover harmonious color variations

Complementary

#5C87F2

Opposite on color wheel

Lighter

#FAE7BA

+20% lightness

Darker

#D79E11

-20% lightness

Analogous -30°

#F27C5C

Adjacent color

Analogous +30°

#D2F25C

Adjacent color