KFC color palette
Food & DrinkKFC's color identity is defined by its iconic red, black, and white palette, reflecting its heritage and bold brand presence. The colors are used consistently across packaging, signage, and digital assets.
kfc.comKFC colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- KFC RedPrimary244, 0, 39
- KFC BlackSecondary0, 0, 0
- KFC WhiteAccent255, 255, 255
Surfaces
Page, cards and dividers.- KFC WhiteBackground255, 255, 255
- KFC Light GraySurface247, 247, 247
- KFC Border GrayBorder229, 229, 229
Text
Three tiers of copy.- KFC BlackText0, 0, 0
- KFC Dark GraySecondary text74, 74, 74
- KFC Muted GrayMuted text124, 124, 124
Semantic
Feedback and state colors.- KFC Success GreenSuccess67, 176, 42
- KFC Warning YellowWarning255, 180, 0
- KFC Error RedError208, 2, 27
- KFC Info BlueInfo0, 114, 206
Use KFC's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
kfc-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0072CE;
--error: #D0021B;
--accent: #FFFFFF;
--border: #E5E5E5;
--primary: #F40027;
--success: #43B02A;
--surface: #F7F7F7;
--warning: #FFB400;
--secondary: #000000;
--text-muted: #7C7C7C;
--background: #FFFFFF;
--text-primary: #000000;
--text-secondary: #4A4A4A;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
21.0:1
Pass
Text on surface
Needs 4.5:1 for body text
19.6:1
Pass
Secondary text on background
Needs 4.5:1 for body text
8.9:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
8.3:1
Pass
Muted text on background
Needs 3:1 for large text
4.2:1
Pass
Muted text on surface
Needs 3:1 for large text
3.9:1
Pass
KFC gray and neutral colors
The quiet part of the KFC palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- KFC WhiteBackground
- HEX
- RGB
- HSL
- KFC Light GraySurface
- HEX
- RGB
- HSL
- KFC Border GrayBorder
- HEX
- RGB
- HSL
- KFC BlackText
- HEX
- RGB
- HSL
- KFC Dark GraySecondary text
- HEX
- RGB
- HSL
- KFC Muted GrayMuted text
- HEX
- RGB
- HSL
About KFC's colors
KFC's palette is built around a bold red, contrasted with black and white for high impact and brand recognition. The use of neutral grays supports clarity and readability in digital interfaces.
Red and black provide strong visual contrast.
White balances the intensity of red and black.
Grays are used for subtle UI elements and backgrounds.
Psychology
Red evokes appetite, excitement, and energy, making it ideal for a fast-food brand. Black and white reinforce trust, tradition, and simplicity.
Evolution
KFC's core palette of red, black, and white has remained consistent for decades, reinforcing its brand identity. Minor adjustments to gray tones and accent colors have been made for digital clarity.
Where KFC uses each color
- Primary
KFC Red is used for main branding elements, call-to-action buttons, and packaging highlights.
- Secondary
KFC Black appears in the logo, navigation bars, and text.
- Accent
KFC White is used for backgrounds, logo contrast, and menu panels.
- Backgrounds
KFC Light Gray and White are used for app and website backgrounds.
- Text
KFC Black and Dark Gray are used for primary and secondary text, with Muted Gray for less prominent information.
- Semantic
Success Green, Warning Yellow, Error Red, and Info Blue are used for status indicators and alerts in digital interfaces.
KFC color questions
Hex codes, RGB values, neutrals and how to use the palette.
The KFC primary color hex code is #F40027. This red is used prominently in branding and digital assets.
KFC Red (#F40027) in RGB is (244, 0, 39). In CMYK, it is approximately (0, 100, 84, 4).
KFC uses several grays such as KFC Light Gray (#F7F7F7), Border Gray (#E5E5E5), and Dark Gray (#4A4A4A) for backgrounds, borders, and secondary text.
Use KFC Red (#F40027) for primary actions and highlights, with Black (#000000) and White (#FFFFFF) for contrast and readability. Grays and semantic colors support UI clarity and accessibility.
The secondary color is KFC Black, #000000, and the accent is KFC White, #FFFFFF. Together with the primary they make up the three brand colors at the top of this page.
6 of 6 text and background pairings meet WCAG 2.1 AA contrast. The contrast section above shows every pairing with its exact ratio.
Use the export block on this page. It gives you CSS custom properties, a Tailwind config, W3C design tokens or a shadcn/ui theme built from these exact hex values, with copy and download buttons.
Yes. Export the Claude Code skill, Cursor rules or Codex prompt from the same block. The agent then applies KFC's colors consistently when it generates UI.
Make something in the spirit of KFC
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.