Technology
Xiaomi Color Codes
Xiaomi's colors are orange #FF6900 and a dark gray #4D4D4D. The Xiaomi color codes in Hex, RGB and CMYK can be found below. Lei Jun and six co-founders started the company on 6 April 2010. Its name is the Chinese for millet, and Lei has given the two characters more than one reading: xiao for starting small, mi for both Mobile Internet and mission impossible. The other Chinese phone maker here with a fixed single color is Huawei, in red #CE0E2D.
Primary colors
What are Xiaomi Primary Colors?
Xiaomi's primary color is orange #FF6900, with dark gray #4D4D4D for text.
Xiaomi publishes no public CMYK or Pantone sheet, so both are shown below as conversions and nearest matches.
Xiaomi Orange
| Hex | #FF6900 |
|---|---|
| RGB | 255, 105, 0 |
| HSL | hsl(25, 100%, 50%) |
| CMYK | 0%, 59%, 100%, 0%converted · approximate |
| Pantone | PMS 165 Cnearest match · not published by the brand |
Xiaomi Gray
| Hex | #4D4D4D |
|---|---|
| RGB | 77, 77, 77 |
| HSL | hsl(0, 0%, 30%) |
| CMYK | 0%, 0%, 0%, 70%converted · approximate |
| Pantone | PMS 446 Cnearest match · not published by the brand |
Xiaomi Hex Color Codes
Xiaomi hex color codes are #FF6900 for orange and #4D4D4D for gray.
| Color | Hex |
|---|---|
| Orange | #FF6900 |
| Gray | #4D4D4D |
Xiaomi RGB Color Codes
Xiaomi RGB color codes are 255, 105, 0 for orange and 77, 77, 77 for gray. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| Orange | rgb(255, 105, 0) |
| Gray | rgb(77, 77, 77) |
Xiaomi HSL Color Codes
Xiaomi HSL color codes are 25, 100%, 50% for orange and 0, 0%, 30% for gray. Change the third value for a lighter or darker version without moving the hue.
| Color | HSL |
|---|---|
| Orange | hsl(25, 100%, 50%) |
| Gray | hsl(0, 0%, 30%) |
Xiaomi CMYK Color Code
Xiaomi CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.
| Color | CMYK |
|---|---|
| Orange | 0%, 59%, 100%, 0% |
| Gray | 0%, 0%, 0%, 70% |
Xiaomi Pantone Color Codes
Xiaomi Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.
| Color | Nearest Pantone |
|---|---|
| Orange | PMS 165 C |
| Gray | PMS 446 C |
Logo
Xiaomi Logo Colors
Xiaomi logo colors are orange on the tile and white on the MI letters.
Xiaomi Logo Colors Palette
What the Xiaomi Logo Colors Mean?
The Xiaomi logo colors sit inside a shape that took three years of work to change slightly. MI stands for Mobile Internet, and Lei has also read it as mission impossible. Orange holds the tile; white cuts the letters out of it. Kenya Hara's 2021 redesign left both colors doing the same job and altered only the corner geometry, which is why the palette here looks identical to the pre-2021 one.
Xiaomi Logo Color History
Xiaomi logo color history has one revision that got more attention than it deserved. In 2021 Kenya Hara replaced the square tile with a squircle and moved the orange a fraction darker. Nothing else changed. The company had been using an orange square with white MI letters since 2010.
Xiaomi Logo JPG
Xiaomi logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
Xiaomi Logo PNG
Xiaomi logo in PNG, with a transparent background. Use it over a colored surface.
Xiaomi Logo WebP
Xiaomi logo in WebP. Same transparency as the PNG at about a third of the file size.
Xiaomi Color Code Shades
Xiaomi color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not Xiaomi paint or trim names.
In code
Using the Xiaomi palette
CSS custom properties
:root {
--xiaomi-orange: #FF6900;
--xiaomi-gray: #4D4D4D;
}Contrast against white
| Orange | 2.89:1AA × |
|---|---|
| Gray | 8.45:1AA ✓ |
Brand colors are chosen for recognition, not for legibility. A failing value here is normal. It means use it as a fill, not as text.