What is color #f28500?
#f28500, known as Tangerine, is a spirited orange with HSL 33°, 100%, 47%. Its electric saturation and mid lightness place it in a warm part of the spectrum.
This color evokes creativity and enthusiasm, which explains why it works well in food and beverage branding, sports apparel, and creative agency identities.
Paired with its complement #006df2, #f28500 produces dramatic contrast. For softer compositions, layer it over darker tones for depth.
Conversions for #f28500
HEX
#f28500
RGB
242, 133, 0
HSL
33°, 100%, 47%
HSV
33°, 100%, 95%
CMYK
0%, 45%, 100%, 5%
XYZ
45.01, 35.65, 4.51
CIE-Lab
66.25, 35.17, 72.62
Web safe
#ff9900
WCAG accessibility of #f28500 (Tangerine)
On white
2.58 : 1
Sample #f28500
Rating: Fail
On black
8.13 : 1
Sample #f28500
Rating: AAA
Tones of Tangerine (desaturated variations of #f28500)
Color harmonies for #f28500
Colors similar to #f28500
Gradients featuring #f28500
Linear to white
Linear to black
To complement
Radial
Tri-stop
Analogous
UI elements in #f28500
Buttons
NewFeaturedBeta
Notification
Short description with accent.
"Color awakens a specific emotional response."
Typography in #f28500
The quick brown fox
jumps over the lazy dog
1234567890 — & @ # ! ?
Body text rendered in #f28500.
const color = "#f28500";
CSS & Tailwind snippets for #f28500
Background
.bg-f28500 { background-color: #f28500; }Text color
.text-f28500 { color: #f28500; }Border
.border-f28500 { border: 1px solid #f28500; }Box shadow
.shadow-f28500 { box-shadow: 0 4px 14px #f2850040; }CSS variable
:root { --color-f28500: #f28500; }Tailwind config
colors: {
'tangerine': '#f28500',
}