Orange 500 #F97316
≈ darkorange · rgb(249, 115, 22)
Color formats
HEX#F97316
RGBrgb(249, 115, 22)
HSLhsl(25, 95%, 53%)
HSVhsv(25, 91%, 98%)
OKLCHoklch(70% 0.19 48)
CMYKcmyk(0%, 54%, 91%, 2%)
Contrast & accessibility
On white2.80:1below AA
On black7.49:1AA pass
Best text color#000000
Nearest CSS name: darkorange
Copy-ready code
CSS custom properties
:root {
--darkorange: #f97316;
--darkorange-rgb: 249 115 22;
--darkorange-oklch: oklch(70% 0.19 48);
}The space-separated triple lets you set alpha without a second variable:
background: rgb(var(--darkorange-rgb) / 40%);
Tailwind (arbitrary value)
bg-[#f97316] text-[#f97316] border-[#f97316]
Shades & tints
50
#F3EBE6
100
#EEDFD4
200
#E7C5AE
300
#E7AB81
400
#ED904F
500
#F97316
600
#CC5B0C
700
#94450E
800
#5E2E0D
900
#2D1708
950
#150B04
Color harmonies
Complementary
#169CF9
Analogous −30°
#F9162A
Analogous +30°
#F9E516
Triadic +120°
#16F973
Triadic −120°
#7316F9
About this color
#F97316 is a color with the RGB value rgb(249, 115, 22). Its closest CSS named color is "darkorange". On this page you'll find every format (HEX, RGB, HSL, HSV, OKLCH, CMYK), WCAG contrast against white and black, a full 50–950 shade scale, and complementary, analogous and triadic harmonies — each linking to its own color page.