Tangerine#F28500
Tangerine Hex Code: #F28500
Tangerine is a light, vivid orange. Its OKLCH lightness is 72% and chroma 0.172. Text on this color reads best in black (contrast 8.13:1).
| HEX | #F28500 |
|---|---|
| RGB | rgb(242, 133, 0) |
| HSL | hsl(33, 100%, 47%) |
| HSV / HSB | hsv(33, 100%, 95%) |
| CMYK | cmyk(0%, 45%, 100%, 5%) |
| OKLCH | oklch(72.2% 0.172 58.5) |
Contrast
White text2.58:1
AAAA largeAAA
Black text8.13:1
AAAA largeAAA
On white2.58:1
AAAA largeAAA
On black8.13:1
AAAA largeAAA
Tints
#F39017Dark Orange#F49B2E#F6A645#F7B15CYellow Orange#F8BC73#F9C78A#FAD2A1#FBDDB8Peach Puff#FDE8CFChampagne#FEF3E5Old LaceShades
Matching colors
Complementary
Analogous
Split complementary
Similar named colors
Code
| CSS | color: #F28500; |
|---|---|
| Tailwind | bg-[#f28500] |
| SwiftUI | Color(red: 0.949, green: 0.522, blue: 0) |
| Android | Color.parseColor("#F28500") |
| Flutter | Color(0xFFF28500) |
Value from Wikipedia, List of colors (tangerine). Names like Tangerine are not standardized, so other sources may list a slightly different hex.
Frequently asked questions
What is the hex code for tangerine?
Tangerine is #F28500 in hex and rgb(242, 133, 0) in RGB.
What is tangerine in CMYK?
With the plain conversion formula it is cmyk(0, 45, 100, 5). For print, convert with your printer's ICC profile instead.
What text color works on tangerine?
Black text has the higher contrast at 8.13:1, which passes WCAG AA for normal text (4.5:1).