Automotive
Hyundai Color Codes
Hyundai pairs a brushed-silver slanted H in an oval with a deep blue wordmark it calls Hyundai Blue, close to hex #002C5F. The Hyundai color codes in Hex, RGB and CMYK can be found below. The tilted H is meant to read as two people shaking hands, a customer and the company. Hyundai was founded in South Korea in 1967. Its closest rival sits inside the same group: Kia.
Primary colors
What are Hyundai Primary Colors?
Hyundai's primary colors are hyundai blue #002C5F, silver #A9ACB0.
Hyundai Blue is the published wordmark color; the CMYK shown is a conversion.
Hyundai Hyundai Blue
| Hex | #002C5F |
|---|---|
| RGB | 0, 44, 95 |
| HSL | hsl(212, 100%, 19%) |
| CMYK | 100%, 54%, 0%, 63%converted · approximate |
| Pantone | PMS 654 Cnearest match · not published by the brand |
Hyundai Silver
| Hex | #A9ACB0 |
|---|---|
| RGB | 169, 172, 176 |
| HSL | hsl(214, 4%, 68%) |
| CMYK | 4%, 2%, 0%, 31%converted · approximate |
| Pantone | PMS 429 Cnearest match · not published by the brand |
Hyundai Hex Color Codes
Hyundai hex color codes are #002C5F for hyundai blue and #A9ACB0 for silver.
| Color | Hex |
|---|---|
| Hyundai Blue | #002C5F |
| Silver | #A9ACB0 |
Hyundai RGB Color Codes
Hyundai RGB color codes are 0, 44, 95 for hyundai blue and 169, 172, 176 for silver. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| Hyundai Blue | rgb(0, 44, 95) |
| Silver | rgb(169, 172, 176) |
Hyundai HSL Color Codes
Hyundai HSL color codes are 212, 100%, 19% for hyundai blue and 214, 4%, 68% for silver. Change the third value for a lighter or darker version without moving the hue.
| Color | HSL |
|---|---|
| Hyundai Blue | hsl(212, 100%, 19%) |
| Silver | hsl(214, 4%, 68%) |
Hyundai CMYK Color Code
Hyundai CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.
| Color | CMYK |
|---|---|
| Hyundai Blue | 100%, 54%, 0%, 63% |
| Silver | 4%, 2%, 0%, 31% |
Hyundai Pantone Color Codes
Hyundai Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.
| Color | Nearest Pantone |
|---|---|
| Hyundai Blue | PMS 654 C |
| Silver | PMS 429 C |
Logo
Hyundai Logo Colors
Hyundai logo colors are a chrome-silver H inside the oval and a deep blue for the wordmark below it.
Hyundai Logo Colors Palette
What the Hyundai Logo Colors Mean?
The Hyundai logo colors split the mark in two. The slanted H is rendered as brushed metal, silver with grey shading, so it catches light on the grille. The word Hyundai underneath is set in one deep blue, the color the brand ties to trust. Hyundai reads the H itself as two figures shaking hands, the company and a satisfied customer, with the oval standing for the world it trades in. The word translates as modernity in Korean.
Hyundai Logo Color History
Hyundai logo color history runs from 1990, when the tilted H first appeared. It has been chromed and bevelled throughout, then flattened for screens with the 2020 identity while the metallic version stayed on the cars. The blue wordmark has held, deepening a shade in the recent update.
Hyundai Logo Fonts
Hyundai logo fonts sit in a family called Hyundai Sans, unavailable to license. A wide, clean sans such as a stretched Helvetica is the nearest thing you can buy.
Hyundai Logo JPG
Hyundai logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
Hyundai Logo PNG
Hyundai logo in PNG, with a transparent background. Use it over a colored surface.
Hyundai Logo WebP
Hyundai logo in WebP. Same transparency as the PNG at about a third of the file size.
Hyundai Color Code Shades
Hyundai color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not Hyundai paint or trim names.
In code
Using the Hyundai palette
CSS custom properties
:root {
--hyundai-hyundai-blue: #002C5F;
--hyundai-silver: #A9ACB0;
}Contrast against white
| Hyundai Blue | 13.77:1AA ✓ |
|---|---|
| Silver | 2.28: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.