#F59E0B · near Marigold

#F59E0B (RGB 245, 158, 11) is a medium, highly saturated yellow, closest to Marigold and near Orange and Honey. Yellow suggests optimism and attention; it is the brightest hue and the hardest to balance, which makes #F59E0B a natural choice for highlights, warning states and cheerful campaigns. It appears in 1 ColorSwoop palette. In OKLCH it has 77% lightness and 0.16 chroma at hue 70°.

Color codes click to copy

HEX#F59E0B

RGBrgb(245, 158, 11)

HSLhsl(38, 92%, 50%)

CMYK0, 36, 96, 4

CSS var--marigold

Contrast2.15:1 white · 9.78:1 black

Similar named colors

Marigold #EAA221Orange #FFA500Honey #EB9605Cantaloupe #FFA62FCarrot #ED9121

How to use #F59E0B

Black text passes WCAG AA on #F59E0B (9.78:1); white text does not (2.15:1).

For a calm scheme pair #F59E0B with its analogous neighbors #F5290A and #D6F50A; for contrast use its complement #0A60F5 as a small accent, and anchor everything with a neutral such as #F5F5F7.

CSSSCSSTailwind

--marigold: #F59E0B;

Copy code

Color card

Shades & tints

#312002#623F04#935F07#C47E09#F59E0B#F7B13C#F9C56D#FBD89D#FDECCE

Color harmonies for #F59E0B

Complementary

#F59E0B#0A60F5

Analogous

#F59E0B#F5290A#D6F50A

Triadic

#F59E0B#0AF59F#9F0AF5

Split complementary

#F59E0B#0AD6F5#290AF5

Tetradic

#F59E0B#0AF529#0A60F5#F50AD6