#F97316
darkorange
#F97316 is a medium, highly saturated orange with a hue angle of 25°. the closest CSS named color is darkorange. A bold orange commonly used for primary buttons, links, and brand accents.
Color Formats
HEX
#f97316
RGB
rgb(249, 115, 22)
HSL
hsl(25, 95%, 53%)
OKLCH
oklch(70.5% 0.1867 47.6)
WCAG Contrast Ratios
On White (#fff)
2.80:1
AA Normal ✗ AA Large ✗ AAA ✗
Sample Text
On Black (#000)
7.49:1
AA Normal ✓ AA Large ✓ AAA ✓
Sample Text
Shades & Tints
Shades (Darker)
Tints (Lighter)
Related Colors
Complementary
Analogous
Closest CSS named color
darkorange
#ff8c00
Look up another color
Open full Color Info toolAbout #F97316
#F97316 is a hex color code closest to the CSS named color darkorange. It has a perceived brightness of 57% making it a light color. In RGB it is rgb(249, 115, 22), in HSL it is hsl(25, 95%, 53%), and in the modern OKLCH color space it is oklch(70.5% 0.1867 47.6).
Related Free Tools
- Color Info & Lookup - Look up any hex color for conversions, contrast ratios, shades, and tints.
- Color Converter & Palette Generator - Generate full color palettes from any hex code.
- WCAG Contrast Checker - Test any two colors for accessibility compliance.
- CSS Gradient Generator - Build CSS gradients using this color.
Extract colors from any website
MiroMiro's Chrome extension extracts complete color palettes from any live website - including HEX, RGB, HSL, and OKLCH values.