Soft Cobalt is a medium, saturated shade in the blue color family, with a cool feel. Its HEX code is #3352CC, which equals rgb(51, 82, 204) in RGB and hsl(228, 60%, 50%) in HSL. In print terms it converts to roughly C75 M60 Y0 K20, although exact CMYK results depend on the paper and color profile.
- HEX
#3352CC - RGB
51, 82, 204 - HSL
228°, 60%, 50% - CMYK
75, 60, 0, 20 - Family
Blue - Tone
Medium, saturated
About Soft 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 6.52:1. Its complementary color is #CCAD33.
Download Soft 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…
Soft Cobalt color codes
| HEX | #3352CC |
|---|---|
| RGB | rgb(51, 82, 204) |
| HSL | hsl(228, 60%, 50%) |
| HSV | 228°, 75%, 80% |
| CMYK | 75%, 60%, 0%, 20% |
| Decimal | 3363532 |
Shades and tints of Soft Cobalt
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#DDE2F7 - 100
#BBC5EE - 200
#99A9E6 - 300
#778CDD - 400
#556FD5 - 500
#3352CC - 600
#2B44AA - 700
#223788 - 800
#1A2966 - 900
#111B44 - 950
#090E22
Color harmonies for Soft Cobalt
- Complementary
#CCAD33≈ Soft Amber - Analogous −30°
#339ECC≈ Soft Peacock - Analogous +30°
#6133CC≈ Soft Indigo - Triadic +120°
#CC3352≈ Soft Ruby - Triadic +240°
#52CC33≈ Soft Leaf - Split 150°
#CC6133≈ Soft Vermilion - Split 210°
#9ECC33≈ Yellow Green
Contrast and accessibility of Soft Cobalt
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Soft Cobalt | Aa | 6.52:1 | AA (good) |
| Black text on Soft Cobalt | Aa | 3.22:1 | AA Large only |
CSS code for Soft Cobalt
background-color: #3352CC;color: #3352CC;background-color: rgb(51, 82, 204);background-color: hsl(228, 60%, 50%);:root { --color-soft-cobalt: #3352CC; }class="bg-[#3352CC]"Colors similar to Soft Cobalt
- Soft Sapphire
#3361CC - Soft Royal
#3342CC - Medium Dark Bright Cornflower
#155AC1 - Medium Dark Bright Sapphire
#1549C1 - Medium Light Soft Blue
#5454D4 - Medium Light Bright Royal
#3E4FEA - Medium Dark Soft Sapphire
#2B51AB - Denim
#1560BD - Medium Light Soft Royal
#5460D4 - Bright Sapphire
#1957E6 - Muted Royal
#4D57B2 - Muted Blue
#4D4DB2
More blue shades
- Palest Bright Cobalt
#D1D9FA - Darkest Soft Cobalt
#0A1029 - Very Dark Soft Cobalt
#121D49 - Dark Soft Cobalt
#1B2A6A - Deep Soft Cobalt
#23378B - Medium Dark Soft Cobalt
#2B45AB - Medium Light Soft Cobalt
#546DD4 - Light Soft Cobalt
#7489DC - Pale Soft Cobalt
#95A5E4 - Very Pale Soft Cobalt
#B6C1ED - Palest Soft Cobalt
#D6DCF5
Frequently asked questions
What is the HEX code for Soft Cobalt?
The HEX code for Soft Cobalt is #3352CC.
What is the RGB value of Soft Cobalt?
Soft Cobalt has an RGB value of 51, 82, 204 (rgb(51, 82, 204)). In HSL it is 228°, 60%, 50%.
What text color should I use on Soft Cobalt?
Use white text on Soft Cobalt. White text has a contrast ratio of 6.52:1 and black text has 3.22:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Soft Cobalt?
The complementary color of Soft Cobalt is #CCAD33. Analogous colors #339ECC and #6133CC also pair well.