orangewarm
Tangerine #F28500
A vivid citrus orange, slightly deeper than orange.
Use cases: Citrus brands · Summer
Color values
| Format | Value | |
|---|---|---|
| HEX | #F28500 | |
| RGB | rgb(242, 133, 0) | |
| HSL | hsl(33, 100%, 47%) | |
| HSV | hsv(33, 100%, 95%) | |
| CMYK | cmyk(0%, 45%, 100%, 5.1%) | |
| XYZ | xyz(45.0099, 35.6577, 4.5124) | |
| CIE-LAB | lab(66.3, 35.2, 72.6) | |
| Luminance | 0.357 (WCAG relative) |
/* Tangerine */
color: #f28500;
background-color: #f28500;
Shade scale
Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →
Shades (toward black)
#da7800 #c26a00 #a95d00 #915000 #794300 #613500 #492800 #301b00 #180d00 #000000
Tints (toward white)
#f3911a #f59d33 #f6aa4d #f7b666 #f9c280 #face99 #fbdab3 #fce7cc #fef3e6 #ffffff
Tones (toward gray)
#e7850d #db841a #d08426 #c48333 #b98340 #ae824d #a2825a #978166 #8b8173 #808080
Color harmonies
Complementary
Edit in generator →#F28500
#006DF2
#f28500 #006df2
Analogous
Edit in generator →#F20C00
#F28500
#E6F200
#f20c00 #f28500 #e6f200
Triadic
Edit in generator →#F28500
#00F285
#8500F2
#f28500 #00f285 #8500f2
Tetradic
Edit in generator →#F28500
#00F20C
#006DF2
#F200E6
#f28500 #00f20c #006df2 #f200e6
Split Complementary
Edit in generator →#F28500
#00E6F2
#0C00F2
#f28500 #00e6f2 #0c00f2
Monochromatic
Edit in generator →#784200
#B56300
#F28500
#FFA230
#FFBD6D
#784200 #b56300 #f28500 #ffa230 #ffbd6d
Accessibility & contrast
2.58
#F28500 on #FFFFFF
AA text ✗AA large ✗AAA text ✗UI 3:1 ✗
8.13
#F28500 on #000000
AA text ✓AA large ✓AAA text ✓UI 3:1 ✓
Best text on tangerine
8.13
#000000 text
WCAG 2.1: AA needs ≥4.5:1 for normal text, ≥3:1 for large text and UI components; AAA needs ≥7:1 / ≥4.5:1.
Color blindness preview
Simulation using the Machado et al. (2009) physiological model, severity 1.0. This is an approximation of perception — not a medical assessment.
Closest named colors
Nearest matches by CIEDE2000 perceptual distance (ΔE₀₀).
| Color | Name | ΔE₀₀ |
|---|---|---|
| Honey #EB9605 | 6.99 | |
| Bronze #CD7F32 | 7.61 | |
| Pumpkin #FF7518 | 7.77 | |
| Orange #FFA500 | 9.98 | |
| Caramel #C68E4E | 10.85 | |
| Copper #B87333 | 12.66 |
Related colors
Palettes with tangerine
Values computed from the sRGB color model. CMYK is the naive sRGB conversion without an ICC profile. RGB percentages may differ between color-managed applications.