#F8B229 · near Orange

#F8B229 (RGB 248, 178, 41) is a medium, moderately saturated orange, closest to Orange and near Cantaloupe and Amber. Orange suggests warmth, friendliness and optimism; it feels approachable and playful, which makes #F8B229 a natural choice for buttons, food packaging, kids and outdoor brands. It appears in 2 ColorSwoop palettes. In OKLCH it has 81% lightness and 0.16 chroma at hue 78°.

Color codes click to copy

HEX#F8B229

RGBrgb(248, 178, 41)

HSLhsl(40, 94%, 57%)

CMYK0, 28, 83, 3

CSS var--orange

Contrast1.84:1 white · 11.39:1 black

Similar named colors

Orange #FFA500Cantaloupe #FFA62FAmber #FFBF00Mustard #E1AD01Saffron #F4C430

How to use #F8B229

Black text passes WCAG AA on #F8B229 (11.39:1); white text does not (1.84:1).

For a calm scheme pair #F8B229 with its analogous neighbors #F84D2A and #D6F82A; for contrast use its complement #2A6FF8 as a small accent, and anchor everything with a neutral such as #1F1F24.

CSSSCSSTailwind

--orange: #F8B229;

Copy code

Color card

Shades & tints

#322408#634710#956B19#C68E21#F8B229#F9C154#FBD17F#FCE0A9#FEF0D4

Color harmonies for #F8B229

Complementary

#F8B229#2A6FF8

Analogous

#F8B229#F84D2A#D6F82A

Triadic

#F8B229#2AF8B4#B42AF8

Split complementary

#F8B229#2AD6F8#4D2AF8

Tetradic

#F8B229#2AF84D#2A6FF8#F82AD6