Orange#FFA500
Orange Hex Code: #FFA500
Orange is a light, vivid orange. Its OKLCH lightness is 79% and chroma 0.171. Text on this color reads best in black (contrast 10.63:1).
| HEX | #FFA500 |
|---|---|
| RGB | rgb(255, 165, 0) |
| HSL | hsl(39, 100%, 50%) |
| HSV / HSB | hsv(39, 100%, 100%) |
| CMYK | cmyk(0%, 35%, 100%, 0%) |
| OKLCH | oklch(79.3% 0.171 70.7) |
Contrast
White text1.97:1
AAAA largeAAA
Black text10.63:1
AAAA largeAAA
On white1.97:1
AAAA largeAAA
On black10.63:1
AAAA largeAAA
Tints
#FFAD17Yellow Orange#FFB52EYellow Orange#FFBD45#FFC55C#FFCE73#FFD68A#FFDEA1Navajo White#FFE6B8Peach#FFEECFBlanched Almond#FFF6E5Old LaceShades
Matching colors
Complementary
Analogous
Split complementary
Similar named colors
Code
| CSS | color: #FFA500; |
|---|---|
| Tailwind | bg-[#ffa500] |
| SwiftUI | Color(red: 1, green: 0.647, blue: 0) |
| Android | Color.parseColor("#FFA500") |
| Flutter | Color(0xFFFFA500) |
Orange is a CSS named color (orange); the value follows W3C CSS Color Module Level 4.
Frequently asked questions
What is the hex code for orange?
Orange is #FFA500 in hex and rgb(255, 165, 0) in RGB.
What is orange in CMYK?
With the plain conversion formula it is cmyk(0, 35, 100, 0). For print, convert with your printer's ICC profile instead.
What text color works on orange?
Black text has the higher contrast at 10.63:1, which passes WCAG AA for normal text (4.5:1).