Software & SaaS
Kubernetes Color Codes
Kubernetes' colors are blue #326CE5 with white and black in the lockup. The Kubernetes color codes in Hex, RGB and CMYK can be found below. Joe Beda, Brendan Burns and Craig McLuckie created it at Google, and it was announced on 6 June 2014. The name is Ancient Greek for helmsman, and K8s is a numeronym: a K, eight letters, then an s.
Primary colors
What are Kubernetes Primary Colors?
Kubernetes' primary color is blue #326CE5, with white inside the wheel and black on the wordmark.
Kubernetes publishes its logo and color through the CNCF, so the hex here is a published value rather than a sample.
Kubernetes Blue
| Hex | #326CE5 |
|---|---|
| RGB | 50, 108, 229 |
| HSL | hsl(221, 77%, 55%) |
| CMYK | 78%, 53%, 0%, 10%converted · approximate |
| Pantone | PMS 293 Cnearest match · not published by the brand |
Kubernetes White
| Hex | #FFFFFF |
|---|---|
| RGB | 255, 255, 255 |
| HSL | hsl(0, 0%, 100%) |
| CMYK | 0%, 0%, 0%, 0%converted · approximate |
| Pantone | PMS 656 Cnearest match · not published by the brand |
Kubernetes Black
| Hex | #000000 |
|---|---|
| RGB | 0, 0, 0 |
| HSL | hsl(0, 0%, 0%) |
| CMYK | 0%, 0%, 0%, 100%converted · approximate |
| Pantone | PMS 419 Cnearest match · not published by the brand |
Kubernetes Hex Color Codes
Kubernetes hex color codes are #326CE5 for blue, #FFFFFF for white and #000000 for black.
| Color | Hex |
|---|---|
| Blue | #326CE5 |
| White | #FFFFFF |
| Black | #000000 |
Kubernetes RGB Color Codes
Kubernetes RGB color codes are 50, 108, 229 for blue, 255, 255, 255 for white and 0, 0, 0 for black. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| Blue | rgb(50, 108, 229) |
| White | rgb(255, 255, 255) |
| Black | rgb(0, 0, 0) |
Kubernetes HSL Color Codes
Kubernetes HSL color codes are 221, 77%, 55% for blue, 0, 0%, 100% for white and 0, 0%, 0% for black. Change the third value for a lighter or darker version without moving the hue.
| Color | HSL |
|---|---|
| Blue | hsl(221, 77%, 55%) |
| White | hsl(0, 0%, 100%) |
| Black | hsl(0, 0%, 0%) |
Kubernetes CMYK Color Code
Kubernetes CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.
| Color | CMYK |
|---|---|
| Blue | 78%, 53%, 0%, 10% |
| White | 0%, 0%, 0%, 0% |
| Black | 0%, 0%, 0%, 100% |
Kubernetes Pantone Color Codes
Kubernetes Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.
| Color | Nearest Pantone |
|---|---|
| Blue | PMS 293 C |
| White | PMS 656 C |
| Black | PMS 419 C |
Logo
Kubernetes Logo Colors
Kubernetes logo colors are one blue on the wheel, white in its center and black on the wordmark.
Kubernetes Logo Colors Palette
What the Kubernetes Logo Colors Mean?
The Kubernetes logo colors sit on a ship's wheel with seven spokes, and the count is the joke. Tim Hockin drew it, and seven is a nod to Seven of Nine, because the project's internal codename at Google was Project 7 and its ancestor was the cluster manager called Borg. The helm matches the name, which is the Greek word for the person steering. Blue is the only color in it, and the CNCF now holds the trademark rather than Google.
Kubernetes Logo Color History
Kubernetes logo color history has barely any history to it. The wheel and its blue arrived early and have not been redrawn since the project moved to the Cloud Native Computing Foundation. One thing to watch when matching: #326DE6 circulates widely and is one digit off the published #326CE5.
Kubernetes Logo JPG
Kubernetes logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
Kubernetes Logo PNG
Kubernetes logo in PNG, with a transparent background. Use it over a colored surface.
Kubernetes Logo WebP
Kubernetes logo in WebP. Same transparency as the PNG at about a third of the file size.
Kubernetes Color Code Shades
Kubernetes color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not Kubernetes paint or trim names.
In code
Using the Kubernetes palette
CSS custom properties
:root {
--kubernetes-blue: #326CE5;
--kubernetes-white: #FFFFFF;
--kubernetes-black: #000000;
}
Contrast against white
| Blue | 4.76:1AA ✓ |
|---|---|
| White | 1.00:1AA × |
| Black | 21.00: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.