Tangerine
#F28500
Tangerine (#F28500) is a medium, vivid orange colour, warm. In RGB it is 242 red, 133 green and 0 blue; in HSL its hue is 33°, its saturation 100% and its lightness 47%. For print, its CMYK mix is 0% cyan, 45% magenta, 100% yellow and 5% black, though printed colours vary with paper and ink.
Orange feels friendly, playful and good value. It is warm like red but less aggressive, so brands use it to look approachable and to make buttons stand out.
Text on tangerine
White text on tangerine has a contrast ratio of 2.58:1 and fails; black text has 8.13:1 and passes AAA. Black text is the better choice on it. Check other pairs in the contrast checker.
White text · 2.58:1
Black text · 8.13:1
Tints and shades of tangerine
Colour palettes with tangerine
Brands with a tangerine logo
Brand colours close to #F28500, from our Brand Colour Index.
Colours similar to tangerine
Use tangerine in CSS
.button {
background-color: #F28500;
color: #000000;
}Make a full Tailwind scale from it with the Tailwind shades generator, or see more shades of orange.