Microsoft Blue is a
cool medium color with the hex code #00A4EF.
This vibrant hue can be represented as RGB
0, 164, 239 in digital design or CMYK 100%, 31%, 0%, 6% for print applications.
Find matching Pantone color.
Currently, 1 brand uses this color in their visual identity, making it a proven choice for professional branding and web design.
Microsoft Blue
#00A4EF
Microsoft Blue Color Values
- HEX
- #00A4EF
- RGB
- 0, 164, 239
- HSL
- 199°, 100%, 47%
- CMYK
- 100, 31, 0, 6
Shades & Tints
About this color
Microsoft Blue sits at 199° on the color wheel, placing it in the cool color family, typically conveying calm and professionalism. With 100% saturation and 47% lightness, this vibrant medium hue balances visibility with restraint.
In digital design, cool colors like Microsoft Blue work well for backgrounds, navigation, and establishing trust. Medium-toned colors offer versatility across both light and dark design themes.
When using Microsoft Blue in print, the CMYK breakdown of 100%, 31%, 0%, 6% ensures accurate color reproduction. The bright CMYK values indicate this color relies on pure inks rather than black, maintaining vibrancy in print.
Color Harmonies
Complementary
Analogous
Triadic
Split-Complementary
How to use Microsoft Blue
CSS Variable
:root {
--brand-primary: #00A4EF;
--brand-primary-rgb: 0, 164, 239;
} Define as a CSS custom property for consistent theming across your site.
Tailwind Config
colors: {
brand: '#00A4EF',
}
Add to your Tailwind config to use classes like bg-brand.
Print Design (CMYK)
C: 100%
M: 31%
Y: 0%
K: 6% Use these CMYK values in Adobe Illustrator, InDesign, or print specifications.
RGB for Screens
rgb(0, 164, 239)
rgba(0, 164, 239, 0.8) Use RGB notation for compatibility or add alpha channel for transparency.
Brands using Microsoft Blue
1 brand uses this color in their identity
Frequently Asked Questions
What color is #00A4EF?
What is the RGB value of #00A4EF?
Is Microsoft Blue a warm or cool color?
How do I use #00A4EF in CSS?
background-color: #00A4EF; or color: #00A4EF; or as an RGB value: rgb(0, 164, 239). For print design, use CMYK: 100%, 31%, 0%, 6%.