Target colors
The Target color palette has 4 colors: Target red #CC0000, Tan #FAF2ED, Brand black #333333 and White #FFFFFF. Below are HEX, RGB, HSL and OKLCH codes, contrast checks, CSS and Tailwind variables, all from its live website code checked on 16 October 2026.
Target color codes
| Color | Role | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Target red | Primary | #CC0000 | rgb(204, 0, 0) | hsl(0, 100%, 40%) | oklch(53.1% 0.218 29.2) |
| Tan | Background | #FAF2ED | rgb(250, 242, 237) | hsl(23, 57%, 95%) | oklch(96.6% 0.011 54.5) |
| Brand black | Text | #333333 | rgb(51, 51, 51) | hsl(0, 0%, 20%) | oklch(32.1% 0 0) |
| White | Background | #FFFFFF | rgb(255, 255, 255) | hsl(0, 0%, 100%) | oklch(100% 0 0) |
Select a color to open its own page with tints, shades, harmonies and every color format, or open the whole set in the palette generator.
Where the Target colors come from
Target does not publish hex values in public brand guidelines, so these were read from the code of its live website (stylesheets and the SVG files it serves) on 16 October 2026. They are the colors www.target.com actually renders, which can differ slightly from print or logo colors.
- Source (live website CSS or SVG): https://corporate.target.com/assets/css/base.css?v=mOriSXviO0-J7RXq1i8sPi6btZZdqCTEkk0ZLgxKpkU checked 2026-10-16
- Also: https://assets.targetimg1.com/webui/top-of-funnel/_next/static/css/6d79cf8779b262ab.css checked 2026-10-16
Target color contrast
White text on Target red has a contrast ratio of 5.88:1 and passes WCAG AA for body text. Used as a text color, Target red reaches 5.88:1 on white and 3.56:1 on black. Ratios are WCAG 2 (truncated, never rounded up); APCA Lc is shown as a second opinion.
| Pair | WCAG 2 ratio | WCAG 2 result | APCA | APCA guidance |
|---|---|---|---|---|
| White on Target red | 5.88:1 | AA | Lc -81.9 | Fine for body text |
| Black on Target red | 3.56:1 | AA large text | Lc 27.5 | Dividers and decoration only |
| White on Tan | 1.10:1 | Fails | Lc 0.0 | Not readable |
| Black on Tan | 18.98:1 | AAA | Lc 99.1 | Preferred for body text |
| White on Brand black | 12.63:1 | AAA | Lc -102.0 | Preferred for body text |
| Black on Brand black | 1.66:1 | Fails | Lc 0.0 | Not readable |
| Pair | WCAG 2 ratio | WCAG 2 result | APCA | APCA guidance |
|---|---|---|---|---|
| Brand black on Tan | 11.42:1 | AAA | Lc 91.7 | Preferred for body text |
| Target red on Tan | 5.32:1 | AA | Lc 69.6 | Content text, not long reading |
| Brand black on Target red | 2.14:1 | Fails | Lc 20.2 | Dividers and decoration only |
Target colors in CSS and Tailwind
Copy the Target palette as CSS custom properties or as a Tailwind CSS v4 theme. The last snippet is an 11-step Tailwind scale (50 to 950) generated in OKLCH from Target red, for hover states, borders and tinted backgrounds.
:root {
--target-red: #CC0000;
--target-tan: #FAF2ED;
--target-brand-black: #333333;
--target-white: #FFFFFF;
}@import "tailwindcss";
@theme {
--color-target-red: #CC0000;
--color-target-tan: #FAF2ED;
--color-target-brand-black: #333333;
--color-target-white: #FFFFFF;
}@theme {
--color-target-50: #FEF2F0;
--color-target-100: #FCE3DF;
--color-target-200: #FBCCC5;
--color-target-300: #FAA99C;
--color-target-400: #F27665;
--color-target-500: #EA4839;
--color-target-600: #CC0000;
--color-target-700: #B80000;
--color-target-800: #950D07;
--color-target-900: #781912;
--color-target-950: #47110C;
}Named colors closest to the Target palette
The nearest named color to each brand color, measured as perceptual distance (ΔE OK) in OKLab. Under 0.02 is hard to tell apart; above 0.05 the difference is easy to see.
| Brand color | HEX | Nearest named color | Named HEX | ΔE OK |
|---|---|---|---|---|
| Target red | #CC0000 | Scarlet | #BE0119 | 0.031 |
| Tan | #FAF2ED | Linen | #FAF0E6 | 0.009 |
| Brand black | #333333 | Onyx | #343A40 | 0.027 |
| White | #FFFFFF | White | #FFFFFF | Exact match |
How to use a Target-style palette
- Lead with Target red #CC0000 for buttons, links and key highlights, with white text on it.
- Give most of the layout to Tan #FAF2ED, Brand black #333333 and White #FFFFFF, about 60% of the screen, so Target red stands out.
- With a single brand color, use tints and shades of Target red (the Tailwind scale above) instead of extra hues.
- As text on a white page, Target red reaches 5.88:1: it passes WCAG AA for body text.
To see how www.target.com uses these colors today, including backgrounds, text and dark mode, run it through the website color extractor. To turn Target red into a full light and dark color system with accessible roles, open it in the Color System Studio.
More brand colors
- Uber colors#000000 #FFFFFF #111111 #F6F6F6
- Lyft colors#FF00BF #1D0C17 #820076 #F1F0EC
- The Home Depot colors#F96302 #BC4B02 #333333 #FFFFFF
- Amazon colors#FF9900 #131921 #232F3E #FEBD69
- Walmart colors#0053E2 #FFC220 #001E60 #4DBDF5
- FedEx colors#4D148C #FF6200
- UPS colors#351C15 #FFC400 #F2F2F2
- IKEA colors#0058A3 #FFDB00 #007CC1 #111111
- Tiffany colors#81D8D0 #000000 #00A4B7
- Pepsi colors#0000FE #0025FF #0E0E96 #FF1400
- John Deere colors#367C2B #FFDE00 #185F11 #1B1C1B
- Barbie colors#FF3EB5 #FFD8EF
Trademarks
Frequently asked questions
What is the Target hex color?
The main Target color is Target red #CC0000, which is rgb(204, 0, 0) in RGB. It comes from the CSS and SVG files of Target's live website (Target publishes no official hex values), checked on 16 October 2026.
What colors does Target use?
Target uses 4 core colors: Target red #CC0000, Tan #FAF2ED, Brand black #333333 and White #FFFFFF.
What is Target red in RGB, HSL and OKLCH?
Target red #CC0000 is rgb(204, 0, 0), hsl(0, 100%, 40%) and oklch(53.1% 0.218 29.2). The closest named color is Scarlet #BE0119.
Should text on Target red be white or black?
White text reads better on Target red: it has a contrast ratio of 5.88:1, which passes WCAG AA for body text.
Where do these Target colors come from?
The hex values were read from Target's live website code at https://corporate.target.com/assets/css/base.css?v=mOriSXviO0-J7RXq1i8sPi6btZZdqCTEkk0ZLgxKpkU on 16 October 2026. Contrast, RGB, HSL and OKLCH values on this page are calculated from those hex codes.
Can I use the Target colors in my own design?
Colors on their own are not owned, but Target's name, logo and the way it combines its colors are trademarks. Use these values to match Target when you refer to it, follow its official guidelines, and do not imply a link to Target in your own brand.
Use the Target colors
Check www.target.com live, build a color system from Target red, or remix the palette.