chocolate 1

#FF7F24

X11 color

Chocolate 1 (#FF7F24) is the lightest of the X11 chocolate series, a vivid orange-brown that reads more like a warm amber or burnt orange than classic chocolate. It has an energetic brightness that the deeper chocolate variants lack, making it effective for dynamic, warm-toned accents in food, fashion, and retro design.

Color Values

HEX

#FF7F24

RGB

255, 127, 36

HSL

24.9, 100.0%, 57.1%

HSV

24.9, 85.9%, 100.0%

CMYK

0.0%, 50.2%, 85.9%, 0.0%

OKLCH

0.7314 0.1814 49.8

Properties

Color Psychology

True orange embodies enthusiasm, creativity, and adventure. It stimulates mental activity and social interaction, making it a favorite in creative industries. Orange is highly visible and conveys confidence without the aggression of red, bridging warmth and energy.

Design Usage

Medium orange excels in CTAs, pricing highlights, and gamification elements where excitement is desired. Tech companies and SaaS products use it to differentiate from the dominant blue of their competitors. It requires careful contrast checking since mid-range orange can fail WCAG on light backgrounds.

Color Harmonies

Color Blindness Simulation

CSS Usage

background-color: #FF7F24;
color: #FF7F24;
border-color: #FF7F24;
Nearest Tailwind: Orange 500 #F97316

Tailwind Shades

Contrast Checker

Text on white

2.53:1

AA Fail AAA Fail

Text on black

8.31:1

AA Pass AAA Pass

Compare With