Cobalt
Hex Color
Cobalt Color Values & Conversions
#0048A8
rgb(0, 72, 168)
hsl(214°, 100%, 33%)
cmyk(100%, 57%, 0%, 34%)
Code Snippets
background-color: #0048a8;className="bg-[#0048a8]"$primary-color: #0048a8;const color = '#0048a8';Color(0xFF0048a8)UIColor(hex: "#0048a8")Color(hex: "#0048a8")Color.parseColor("#0048a8")Accessibility (WCAG)
8.42
AAA Normal Text
2.49
Fails WCAG
Shades & Tints
Tints (Lighter Variations)
Shades (Darker Variations)
Frequently Asked Questions About Cobalt
What is the RGB for Cobalt?
The RGB value for Cobalt is 0, 72, 168. In CSS, you can use it as rgb(0, 72, 168) or the hex code #0048A8.
What is the Hex code for Cobalt?
The Hex code for Cobalt is #0048A8. Hex codes are widely used in web design and are the most common way to represent colors in HTML and CSS.
How to convert Cobalt RGB to CMYK?
The CMYK value for Cobalt (RGB 0, 72, 168) is 100, 57, 0, 34. This conversion is essential when preparing designs for print, as printers use CMYK ink instead of RGB light.
What is the HSL value for Cobalt?
The HSL value for Cobalt is 214°, 100%, 33%. HSL (Hue, Saturation, Lightness) is often more intuitive for designers as it represents colors in a way that's closer to human perception.
What does RGB stand for?
RGB stands for Red, Green, and Blue. It's an additive color model used in digital displays where colors are created by combining different intensities of red, green, and blue light. The color Cobalt (#0048A8) is composed of RGB values: 0, 72, 168, where each value ranges from 0 to 255, representing the intensity of each color channel.
What is the difference between RGB and CMYK?
RGB is an additive color model used for digital screens (monitors, TVs, smartphones), where colors are created by adding light. CMYK (Cyan, Magenta, Yellow, Key/Black) is a subtractive color model used for printing, where colors are created by absorbing light with ink.
For printing Cobalt, you should use the CMYK value (100, 57, 0, 34) instead of RGB (0, 72, 168) to ensure color accuracy. RGB colors may appear different when printed because screens emit light while paper reflects it.
When should I use RGB vs CMYK?
Use RGB for:
- • Website design
- • Digital graphics
- • Social media images
- • Screen presentations
- • Mobile apps
Use CMYK for:
- • Print materials
- • Business cards
- • Brochures & flyers
- • Magazines
- • Product packaging
Related Colors & Complementary Palette
Complementary Color
The complementary color sits opposite on the color wheel and creates maximum contrast.
#A85F00
Click to view details
Analogous Colors
Colors adjacent on the color wheel that create harmonious combinations.