Pure Cobalt is a medium, vivid shade in the blue color family, with a cool feel. Its HEX code is #0033FF, which equals rgb(0, 51, 255) in RGB and hsl(228, 100%, 50%) in HSL. In print terms it converts to roughly C100 M80 Y0 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#0033FF - RGB
0, 51, 255 - HSL
228°, 100%, 50% - CMYK
100, 80, 0, 0 - Family
Blue - Tone
Medium, vivid
About Pure Cobalt
Blue shades feel trustworthy, calm and professional. This family includes cyans, teals, skies and navies, and it is the most common choice for technology, finance and healthcare brands. Try it as a primary brand color, a section background, or a highlight against neutral layouts. Text in white is the most readable choice on this color, with a contrast ratio of 7.20:1. Its complementary color is #FFCC00.
Download Pure Cobalt as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Pure Cobalt color codes
| HEX | #0033FF |
|---|---|
| RGB | rgb(0, 51, 255) |
| HSL | hsl(228, 100%, 50%) |
| HSV | 228°, 100%, 100% |
| CMYK | 100%, 80%, 0%, 0% |
| Decimal | 13311 |
Shades and tints of Pure Cobalt
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#D5DDFF - 100
#AABBFF - 200
#8099FF - 300
#5577FF - 400
#2B55FF - 500
#0033FF - 600
#002BD5 - 700
#0022AA - 800
#001A80 - 900
#001155 - 950
#00092B
Color harmonies for Pure Cobalt
- Complementary
#FFCC00≈ Gold - Analogous −30°
#00B3FF≈ Pure Capri - Analogous +30°
#4D00FF≈ Ultramarine - Triadic +120°
#FF0033≈ Pure Ruby - Triadic +240°
#33FF00≈ Pure Shamrock - Split 150°
#FF4D00≈ Orange Red - Split 210°
#B3FF00≈ Pure Chartreuse
Contrast and accessibility of Pure Cobalt
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pure Cobalt | Aa | 7.20:1 | AAA (excellent) |
| Black text on Pure Cobalt | Aa | 2.92:1 | Fails |
CSS code for Pure Cobalt
background-color: #0033FF;color: #0033FF;background-color: rgb(0, 51, 255);background-color: hsl(228, 100%, 50%);:root { --color-pure-cobalt: #0033FF; }class="bg-[#0033FF]"Colors similar to Pure Cobalt
- Pure Sapphire
#004CFF - Pure Royal
#0019FF - Bright Royal
#192EE6 - Medium Light Blue
#2929FF - Medium Light Royal
#293EFF - Bright Cobalt
#1942E6 - Medium Dark Cobalt
#002BD6 - Medium Dark Sapphire
#0040D6 - Bright Blue
#1919E6 - Medium Light Cobalt
#2954FF - Bright Sapphire
#1957E6 - Medium Light Ultramarine
#3E29FF
More blue shades
- Palest Dusty Sapphire
#E0E3EB - Darkest Cobalt
#000A33 - Very Dark Cobalt
#00125C - Dark Cobalt
#001B85 - Deep Cobalt
#0023AD - Medium Dark Cobalt
#002BD6 - Medium Light Cobalt
#2954FF - Light Cobalt
#5274FF - Pale Cobalt
#7A95FF - Very Pale Cobalt
#A3B6FF - Palest Cobalt
#CCD6FF
Frequently asked questions
What is the HEX code for Pure Cobalt?
The HEX code for Pure Cobalt is #0033FF.
What is the RGB value of Pure Cobalt?
Pure Cobalt has an RGB value of 0, 51, 255 (rgb(0, 51, 255)). In HSL it is 228°, 100%, 50%.
What text color should I use on Pure Cobalt?
Use white text on Pure Cobalt. White text has a contrast ratio of 7.20:1 and black text has 2.92:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pure Cobalt?
The complementary color of Pure Cobalt is #FFCC00. Analogous colors #00B3FF and #4D00FF also pair well.